DWZ中Tree树形菜单的treeCheck如何获取返回值解决方案
最近在對(duì)DWZ和asp.net MVC3進(jìn)行整合,其中遇到了很多問題,總算一一解決了,今天就說說題目所示的問題解決方案。
想做一個(gè)基于角色的權(quán)限管理,要對(duì)每一個(gè)Action進(jìn)行權(quán)限控制。就想用DWZ的Tree樹形菜單來做,結(jié)果在做的過程之中,發(fā)現(xiàn)DWZ的Tree樹形菜單,自帶的treeCheck無法返回選擇的值,遇到過這種問題的朋友,應(yīng)該知道這個(gè)情況。雖然官方提供一個(gè)KKK的源碼樣本,但基本沒用,因?yàn)椴藛吻暗膹?fù)選框取消選擇時(shí),Json返回的items是空值。
經(jīng)過網(wǎng)上搜索,沒有找到有效的答案,最后自己想辦法解決了,方法很笨拙,但有效。解決方法就是自己手動(dòng)添加CheckBox,不要用它的treeCheck屬性,也不要用它的鏈接擴(kuò)展屬性。
我先用簡(jiǎn)單的mvc示例代碼循環(huán)出菜單
<ul class="tree treeFolder expand">@for(int i=1;i<=3;i++){<li><a href="javascript:void(0);">一級(jí)菜單 @i</a><ul>@for(int m=1;m<=5;m++){<li><label><input type="checkbox" id="@("menu"+i+m)" />二級(jí)菜單 @m</label></li>}</ul></li>}</ul>然后在頁面上其它隨便某個(gè)地方放置一個(gè)按鈕,觸發(fā)Jquery事件。
<input type="submit" id="btn" value="輸出選擇內(nèi)容" />然后編寫JQuery代碼或js代碼就可以了。
<script type="text/javascript">$(function () {$("#btn").click(function () {var str = "";$('input[type="checkbox"]:checked').each(function (i, e) {str += e.id + ",";});str = str.substring(0, str.length - 1);$("#resultBox").html(str);});}); </script>選擇好需要的對(duì)象后,點(diǎn)擊這個(gè)按鈕就成了。如圖
說得不是很清楚,沒用過DWZ的樹形菜單的朋友肯定不知所云,但用過并遇到這種情況的朋友,就知道我說的是什么了
總結(jié)
以上是生活随笔為你收集整理的DWZ中Tree树形菜单的treeCheck如何获取返回值解决方案的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 晋商消费金融是哪个贷款平台
- 下一篇: ORA-06519: active au