easyui tree带checkbox实现单选的简单实例
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了easyui tree带checkbox实现单选的简单实例,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1805字,纯文字阅读大概需要3分钟。
内容图文
实例如下:
<ul id="regionTree"></ul>
$('#regionTree').tree({ cascadeCheck: false, //onlyLeafCheck: true, checkbox: true, data: [{ "id": 1, "text": "My Documents", "children": [{ "id": 11, "text": "Photos", "state": "closed", "children": [{ "id": 111, "text": "Friend" }, { "id": 112, "text": "Wife" }, { "id": 113, "text": "Company" }] }, { "id": 12, "text": "Program Files", "children": [{ "id": 121, "text": "Intel" }, { "id": 122, "text": "Java", "attributes": { "p1": "Custom Attribute1", "p2": "Custom Attribute2" } }, { "id": 123, "text": "Microsoft Office" }, { "id": 124, "text": "Games", "checked": true }] }, { "id": 13, "text": "index.html" }, { "id": 14, "text": "about.html" }, { "id": 15, "text": "welcome.html" }] }] , width: 160, height: 32, panelHeight: 400, onSelect: function (node) { var cknodes = $('#regionTree').tree("getChecked"); for (var i = 0; i < cknodes.length; i++) { if (cknodes[i].id != node.id) { $('#regionTree').tree("uncheck", cknodes[i].target); } } if (node.checked) { $('#regionTree').tree('uncheck', node.target); } else { $('#regionTree').tree('check', node.target); } }, onLoadSuccess: function (node, data) { $(this).find('span.tree-checkbox').unbind().click(function () { $('#regionTree').tree('select', $(this).parent()); return false; }); } })
关键代码:
onSelect: function (node) { var cknodes = $('#regionTree').tree("getChecked"); for (var i = 0; i < cknodes.length; i++) { if (cknodes[i].id != node.id) { $('#regionTree').tree("uncheck", cknodes[i].target); } } if (node.checked) { $('#regionTree').tree('uncheck', node.target); } else { $('#regionTree').tree('check', node.target); } }, onLoadSuccess: function (node, data) { $(this).find('span.tree-checkbox').unbind().click(function () { $('#regionTree').tree('select', $(this).parent()); return false; }); }
以上这篇easyui tree带checkbox实现单选的简单实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
内容总结
以上是互联网集市为您收集整理的easyui tree带checkbox实现单选的简单实例全部内容,希望文章能够帮你解决easyui tree带checkbox实现单选的简单实例所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。