由于公司项目的需要,现需要一棵带有复选框的树形结构,但项目里头已经运用了Jquery的SimpleTree组件来做树形展现,可是猴子用的版本不支持复选框勾选,也不想重新去找一个树形结构来用,于是乎就想对它进行扩展,现在来展示一下结果。呵呵,如果发现了啥BUG请及时给予回帖,猴子先谢谢啦~。。。。
该树形脚本需依赖 jquery1.2.6版本开发包。(高版本的我没试过,应该没啥影响!)
扩展内容:jquery.simple.tree.js
.... /** * added by zhengchao 2010-03-31 * beforeAjax : 展开AJAX之前的事件接口 */ var beforeAjax = false; /** *added by zhengchao 2010-04-05 * nodeCheckBox : 多选框启用与否 */ var nodeCheckBox = false; /** * added by zhengchao 2010-04-05 * checkBoxClick : 多选框事件复写接口 */ var checkBoxClick = false; ........ /** * 复选框属性及状态标志 * 默认属性,支持重新定义 * by zhengchao 2010-04-05 * 例: <span ck='a'>表示全选</span> */ nodeCheckBox : false, ckFlag : 'ck', //标签中的元素 allCheckFlag : 'a', //全选 halfCheckFlag : 'h', //半选 noCheckFlag : 'n', //没选 checkBoxClick : false //多选框事件 ........
完整代码请查看附件。
算法上写的比较臭的地方。请大家见谅,欢迎拍砖^_^!!