mvc treeview jquery
jquery插件中的treeview插件
用MVC模式怎么實現動態的TreeView
可以把數據處理后在傳到view頁面顯示!
MVC 架構中 TreeView 的實現 (Jquery)
作為一個初級的軟件開發工程師,在MVC的項目中要實現TreeView類型的一個文件目錄,在網上搜尋半天,有很多實現方法,例如Html.Telerik().TreeView() 效果非常炫,但是收費的。最后終于找到一個比較簡單免費的實現方法。
從http://bassistance.de/jquery-plugins/
下載jQuery plugin:Treeview
解壓后直接添加到項目目錄里
在View里文件TreeView.aspx里面引用
在MainContent 中繼續寫
[html] view plaincopy
<ul id="browser" class="filetree">
<li><span class="folder">Folder 1</span>
<ul>
<li><span class="file">Item 1.1</span></li>
</ul>
</li>
<li><span class="folder">Folder 2</span>
<ul>
<li><span class="folder">Subfolder 2.1</span>
<ul id="folder21">
<li><span class="file">File 2.1.1</span></li>
<li><span class="file">File 2.1.2</span></li>
</ul>
</li>
<li><span class="file">File 2.2</span></li>
</ul>
</li>
</ul>
還有javascript
[javascript] view plaincopy
<script type="text/javascript">
$(document).ready(function() {
$("#browser").treeview();
});
</script>
這里數據都是在html里假寫好的,沒有從數據庫提取數據。
運行查看效果:
asp.net treeView動態增加、編輯、刪除
可以只要一個刪除按鈕 在點擊刪除按鈕的事件里得到tvw中被選中的節點值
然后執行一條delete語句 刪除對應的數據內容 最后讀取數據庫重新加載tvw
PS: 用這種方法會刷新頁面 還是用JQ實現好一點 微軟已經推出了MVC開發模式 其中特別提到摒棄runat="server"和事件機制 再者刷新頁面會使用戶體驗不理想