Question

easyui tree 的onClick事件该怎么调用？

Answer 1

• 步骤：

1. 用firebug查看其生成html，发现其checkobx是假的，只是一个span，来回的变样式而已，汗

   Code highlighting produced by Actipro CodeHighlighter (freeware)

   http://www.CodeHighlighter.com/

   -->$(".tree-checkbox", tree).unbind(".tree").bind("click.tree", function() {

   if ($(this).hasClass("tree-checkbox0")) {

   $(this).removeClass("tree-checkbox0").addClass("tree-checkbox1");

   } else {

   if ($(this).hasClass("tree-checkbox1")) {

   $(this).removeClass("tree-checkbox1").addClass("tree-checkbox0");

   } else {

   if ($(this).hasClass("tree-checkbox2")) {

   $(this).removeClass("tree-checkbox2").addClass("tree-checkbox1");

   }

   }

   }

   _2eb($(this).parent());

   _2ec($(this).parent());

   return false;

   });

2. 然后再看其onClick事件脚本

   Code highlighting produced by Actipro CodeHighlighter (freeware)

   http://www.CodeHighlighter.com/

   -->$(".tree-node", tree)

   ....

   bind("click.tree", function() {

   $(".tree-node-selected", tree).removeClass("tree-node-selected");

   $(this).addClass("tree-node-selected");

   if (opts.onClick) {

   var _2ea = this;

   var data = $.data(this, "tree-node");

   opts.onClick.call(this, );

   }

   })

3. 相应的修改其check脚本

   $(".tree-checkbox", tree).unbind(".tree").bind("click.tree", function() {

   if ($(this).hasClass("tree-checkbox0")) {

   $(this).removeClass("tree-checkbox0").addClass("tree-checkbox1");

   } else {

   if ($(this).hasClass("tree-checkbox1"))