当前位置: 首页 > news >正文

DWZ中Tree树形菜单的treeCheck如何获取返回值解决方案

最近在对DWZ和asp.net MVC3进行整合,其中遇到了很多问题,总算一一解决了,今天就说说题目所示的问题解决方案。

想做一个基于角色的权限管理,要对每一个Action进行权限控制。就想用DWZ的Tree树形菜单来做,结果在做的过程之中,发现DWZ的Tree树形菜单,自带的treeCheck无法返回选择的值,遇到过这种问题的朋友,应该知道这个情况。虽然官方提供一个KKK的源码样本,但基本没用,因为菜单前的复选框取消选择时,Json返回的items是空值。

经过网上搜索,没有找到有效的答案,最后自己想办法解决了,方法很笨拙,但有效。解决方法就是自己手动添加CheckBox,不要用它的treeCheck属性,也不要用它的链接扩展属性。

我先用简单的mvc示例代码循环出菜单

 <ul class="tree treeFolder expand">
                        @for(int i=1;i<=3;i++)
                        {
                            <li><a  href="javascript:void(0);">一级菜单 @i</a>
                                <ul>
                                    @for(int m=1;m<=5;m++)
                                    {
                                        <li><label><input type="checkbox" id="@("menu"+i+m)" />二级菜单 @m</label></li>
                                    }
                                </ul>
                            </li>
                        }
                    </ul>

然后在页面上其它随便某个地方放置一个按钮,触发Jquery事件。

<input type="submit" id="btn" value="输出选择内容" />

然后编写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>

选择好需要的对象后,点击这个按钮就成了。如图

说得不是很清楚,没用过DWZ的树形菜单的朋友肯定不知所云,但用过并遇到这种情况的朋友,就知道我说的是什么了。

转载于:https://www.cnblogs.com/denny402/p/3371399.html

相关文章:

  • Knockout.Js官网学习(options绑定)
  • 【译】手动处理Team Foundation Server 2010 数据仓库和分析服务数据库
  • 多系统开机流程
  • 《你不常用的c#之一》:略谈unsafe
  • JNI的method映射对应表
  • Visual Studio 2008 使用 WinCE 5.0 Emulator
  • 每日英语:How Often Do Gamblers Really Win?
  • core--线程状态
  • 纵向二级列表
  • 转:windows xp下如何安装SQL server2000企业版
  • XCode 调试方法 (很全 很有用)
  • C#遍历DataSet中数据的几种方法总结
  • C#中巧用#if DEBUG 进行调试
  • [1] 平面(Plane)图形的生成算法
  • 参数传递可选参数
  • 《Java8实战》-第四章读书笔记(引入流Stream)
  • 《用数据讲故事》作者Cole N. Knaflic:消除一切无效的图表
  • Android框架之Volley
  • JavaScript 基础知识 - 入门篇(一)
  • Javascript编码规范
  • Javascript设计模式学习之Observer(观察者)模式
  • oldjun 检测网站的经验
  • Vue2.x学习三:事件处理生命周期钩子
  • 从 Android Sample ApiDemos 中学习 android.animation API 的用法
  • 浮现式设计
  • 记一次和乔布斯合作最难忘的经历
  • 手写一个CommonJS打包工具(一)
  • 我的zsh配置, 2019最新方案
  • 我是如何设计 Upload 上传组件的
  • 一天一个设计模式之JS实现——适配器模式
  • 一些css基础学习笔记
  • Spring第一个helloWorld
  • 好程序员web前端教程分享CSS不同元素margin的计算 ...
  • 积累各种好的链接
  • ​LeetCode解法汇总2696. 删除子串后的字符串最小长度
  • (9)目标检测_SSD的原理
  • (zhuan) 一些RL的文献(及笔记)
  • (第27天)Oracle 数据泵转换分区表
  • (第一天)包装对象、作用域、创建对象
  • (附源码)计算机毕业设计SSM基于健身房管理系统
  • (转)http-server应用
  • (转)关于pipe()的详细解析
  • (转)我也是一只IT小小鸟
  • (转载)Linux 多线程条件变量同步
  • ***测试-HTTP方法
  • .apk 成为历史!
  • .gitignore文件---让git自动忽略指定文件
  • .NET Core 控制台程序读 appsettings.json 、注依赖、配日志、设 IOptions
  • .NET Framework杂记
  • .NET Remoting Basic(10)-创建不同宿主的客户端与服务器端
  • .NET 中使用 Mutex 进行跨越进程边界的同步
  • .Net+SQL Server企业应用性能优化笔记4——精确查找瓶颈
  • /3GB和/USERVA开关
  • @RequestMapping-占位符映射
  • @Transactional 竟也能解决分布式事务?