1.js代码中使用easyui的源码tree插件,node?源码node.target:null怎么理解
2.easyui tree refresh 问题
3.easyui treeè·åç¶èç¹çç¶èç¹
4.easyuiçtreeå¦ä½èªå¨è§¦åä¸ä¸ªclickäºä»¶
js代码中使用easyui的tree插件,node?源码node.target:null怎么理解
楼上那个是什么答案,乱七八糟,源码穿越指标源码target在data里面,源码不在node里面,源码驱动源码下function(node,源码data),最好把data打印到控制台,源码展开看一下这个target在不在,源码我有一个tree的源码节点竟然没有target,我晕倒了,源码后来我发现里面有一个domId,源码用jQuery包装一下$('#'+data.domId),源码程序源码包解释一下:target的源码就是包装你idField的div,所以用domId就是源码这个div的id,所以得到domId也可以用,红黑源码希望帮到你,我也是新手
easyui tree refresh 问题
假设你的tree定义的时候的url是"urlA",在onBeforeExpand的阅读书源码时候是"urlB",那么reload这个tree的代码是这样的:function treeReload(){$("#tt").tree("options").url="urlA";
$("#tt").tree("reload");
}
举例:
假如自定义的tree是这样的:
<ul id="tt" class="easyui-tree" data-options="
url:"urlA",
onBeforeExpand:function(node){
$('#tt').tree('options').url="urlB"; //展开时发送请求去加载节点
}"></ul>
那么调用treeReload()方法就可以刷新这个tree了。其实就是把tree的加载子节点的url给赋值成根节点的url,然后reload。
easyui treeè·åç¶èç¹çç¶èç¹
å¯ä»¥åè以ä¸ä»£ç ï¼ <pre name="code" class="html"><td style="height: px" colspan="7">
<input id="fm_AEType" class="easyui-combotree" style="width: px" />
<label id="fm_AETypePath" />
</td></pre>
JavaScript页é¢ï¼å æ¬æ°æ®åå§åï¼ï¼
initAEType: function ()
{
$.ajax(
{
url: AEActionUrl + '?action=listaetype&ParentType=',dataType: 'json',success: function (jsonstr)
{
$('#fm_AEType').combotree(
{
data: jsonstr, editable: false,//lines: true, valueField: 'AE_TYPE_ID',textField: 'AE_TYPE_NAME'ï¼onLoadSuccess: function ()
{
$('#fm_AEType').combotree('tree').tree("collapseAll");
}
onSelect: function (item)
{
var parent = item;
var tree = $('#fm_AEType').combotree('tree');
var path = new Array();
do
{
path.unshift(parent.text);
var parent = tree.tree('getParent', parent.target);
}
while (parent);
var pathStr = '';
for (var i = 0; i < path.length; i++)
{ pathStr += path[i];
if (i < path.length - 1)
{ pathStr += ' - '; }
}
$('#fm_AETypePath').text(pathStr);
}
});
}
});
}
å½åå»æé®æ¶è§¦åäºä»¶ï¼å¨è¿ä¸ªäºä»¶ä¸å¯ä»¥è·å¾srcElementä¹å°±æ¯äºä»¶èç¹ã
éè¿è¿ä¸ªäºä»¶èç¹ï¼æ们å¯ä»¥ä½¿ç¨æ åä¸parentNodeå±æ§ï¼å¼è·å¾å ¶ç¶èç¹å ç´ ï¼ä¸ç´éè¿è¿ä¸ªå±æ§æ¾å°type为ULçèç¹ï¼ä¹å°±æ¯ææliçç¶èç¹å ç´ ã
éè¿ULçchildNodeså±æ§ï¼è·å¾ææçliåèç¹ï¼ç¶ååå¨liä¸å¤çå ¶åèç¹çç¸å ³å±æ§ï¼å°±å¯ä»¥è¾¾å°ä½ æ说çç®çäºã
easyuiçtreeå¦ä½èªå¨è§¦åä¸ä¸ªclickäºä»¶
onclickä¸æ¯å¨çå¬åï¼æå¦ä½æ¨¡æä¸æ¬¡åãè¿æ¯ä¸æï¼è½å¦ç®ååä¸ä»£ç ãã[mw_shl_code=javascript,true]$('#tt').tree({ onClick: treeClik, onLoadSuccess: function(node){ var node = $('#tt').tree('find', ); $('#tt').tree('select', node.target); treeClik(treeClik); //è¿éè½ä¸è½ç»å®ä¸ä¸ªç±»ä¼¼jqueryçtriggeräºä»¶ï¼è¿å ¥é¡µé¢æ¶èªå¨åå»è¿ä¸ªèç¹ï¼äº§çalertææ },});function treeClik(node){ }[/mw_shl_code]