Question

easyui tree 的onClick事件 怎么调用？

Answer 1

$(function(){
$('#tt').tree({
onClick: function(node){
alert(node.text);
}
});
});
应该是这样啊，写在script标签里，我试了很多次，因为没有在外面写$(function(){})，总是没反应，浪费很多时间

Answer 2

• 步骤：

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"))

Answer 3

百度这么牛X啊，竟然也使用代码高亮了！

 

Answer 4

$('#tt').tree({
    onClick: function(node){
        alert(node.text);  // alert node text property when clicked
    }
});

当你单击树节点时即会触发此方法。

参阅：

http://www.jeasyui.com/documentation/tree.php

Events 中 有详细的事件说明。