easyui tree 는 ztree 와 유사 한 데이터 형식 을 실현 합 니 다.
그렇게 많은 것 은 말 하지 않 고, 몇 단계 에 해결 하면 바로 코드 를 올 린 다.
첫 번 째: easyui tree 의 loadFilter 재 작성
4. 567913. 무슨 뜻 인지 신경 쓰 지 않 고 copy 하면 됩 니 다.
두 번 째: tree 를 초기 화 할 때 몇 개의 속성 을 추가 합 니 다.
$.fn.tree.defaults.loadFilter = function (data, parent) {
var opt = $(this).data().tree.options;
var idFiled,textFiled,parentField;
if (opt.parentField) {
idFiled = opt.idFiled || 'id';
textFiled = opt.textFiled || 'text';
parentField = opt.parentField;
var i,l,treeData = [],tmpMap = [];
for (i = 0, l = data.length; i < l; i++) {
tmpMap[data[i][idFiled]] = data[i];
}
for (i = 0, l = data.length; i < l; i++) {
if (tmpMap[data[i][parentField]] && data[i][idFiled] != data[i][parentField]) {
if (!tmpMap[data[i][parentField]]['children'])
tmpMap[data[i][parentField]]['children'] = [];
data[i]['text'] = data[i][textFiled];
tmpMap[data[i][parentField]]['children'].push(data[i]);
} else {
data[i]['text'] = data[i][textFiled];
treeData.push(data[i]);
}
}
return treeData;
}
return data;
};
ps:
$('#tree').tree({
url:'system/user/getMenu',
parentField:"pid",
textFiled:"text",
idFiled:"id",
onClick : function(node) {
if($(this).tree('isLeaf',node.target)){
addTab(node.text, node.url);
}else{
$(this).tree('toggle',node.target);
}
}
});
textFiled:
<pre name="code" class="javascript">parentField:
이런 것들 은 주로 자신 이 나중에 사용 할 것 을 기록 하고 다른 사람 이 효율 을 높이 는 데 도움 이 되 기 를 바란다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
가장 간단한 zTree 응용 사례텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.