MVC TREEVIEW插件

mvc treeview jquery

jquery插件中的treeview插件

用MVC模式怎么實現(xiàn)動態(tài)的TreeView

可以把數據處理后在傳到view頁面顯示！

MVC 架構中 TreeView 的實現(xiàn) (Jquery)

作為一個初級的軟件開發(fā)工程師，在MVC的項目中要實現(xiàn)TreeView類型的一個文件目錄，在網上搜尋半天，有很多實現(xiàn)方法，例如Html.Telerik().TreeView() 效果非常炫，但是收費的。最后終于找到一個比較簡單免費的實現(xiàn)方法。

從http://bassistance.de/jquery-plugins/

下載jQuery plugin:Treeview

 解壓后直接添加到項目目錄里

在View里文件TreeView.aspx里面引用

在MainContent 中繼續(xù)寫

[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動態(tài)增加、編輯、刪除

可以只要一個刪除按鈕 在點擊刪除按鈕的事件里得到tvw中被選中的節(jié)點值
然后執(zhí)行一條delete語句 刪除對應的數據內容 最后讀取數據庫重新加載tvw

PS: 用這種方法會刷新頁面 還是用JQ實現(xiàn)好一點 微軟已經推出了MVC開發(fā)模式 其中特別提到摒棄runat="server"和事件機制 再者刷新頁面會使用戶體驗不理想