easy-ui可以为插件添加事件,但没有触发事件的处理(可能是未找到),所以有时候,我们需要通过程序去触发某个插件指定的事件时,就一筹莫展了
以Tree插件为例 ,添加了onClick事件
jQuery("#tree_syscode_" + item.ValueCode).tree({
method : 'get',
url : String
.format(
"/tools/ajax.aspx?ac=GetSystemCodeTree&type={0}&r={1}",
item.ValueCode, Math.random()),
lines : true,
onClick : function(node) {...}
});
可能我们需要在数据加载完成后,自动加载第一个树形节点关联的数据
jQuery("#tree_syscode_" + item.ValueCode).tree({
method : 'get',
url : String
.format(
"/tools/ajax.aspx?ac=GetSystemCodeTree&type={0}&r={1}",
item.ValueCode, Math.random()),
lines : true,
onClick : function(node) {
...
},
onLoadSuccess : function(node, data) {
if (data.length == 0) {
return;
} // 首次加载时,node为null
if (node == null) {
...
// 这儿是初始化Tree的的处理,需要触发Tree.onClick
}
}
});
此时就需要触发Tree的onClick事件了,但easyui没有添加事件直接调用的方法,那么我们变通一下,通过options方法得到Tree绑定的事件
jQuery("#tree_syscode_" + item.ValueCode).tree({
method : 'get',
url : String
.format(
"/tools/ajax.aspx?ac=GetSystemCodeTree&type={0}&r={1}",
item.ValueCode, Math.random()),
lines : true,
onClick : function(node) {
...
},
onLoadSuccess : function(node, data) {
if (data.length == 0) {
return;
} // 首次加载时,node为null
if (node == null) {
var s_node = $(this).tree('find', data[0].id);
var func = $(this).tree('options').onClick; if (func != null) {
func.call(this, s_node);
}
}
}
});
这样就可以触发Click事件了