easyui tree 的onClick事件 怎么调用?

2025年04月07日 07:16
有4个网友回答
网友(1):

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

网友(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"))

网友(3):

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

 

网友(4):

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

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

参阅:

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

Events 中 有详细的事件说明。