EasyUI combotree扩展支持自定义idField和textField

最新推荐文章于 2021-08-23 18:19:41 发布

wxz127

最新推荐文章于 2021-08-23 18:19:41 发布

阅读量4.2k

点赞数 1

分类专栏：前端文章标签： easyui combotree

本文链接：https://blog.csdn.net/wxz127/article/details/80606528

版权

本文介绍了一个关于EasyUI combotree组件的扩展，通过combotreeExtend.js，实现了自定义idField和textField的功能，以满足不同场景下的需求。附带了演示示例。

摘要由CSDN通过智能技术生成

combotreeExtend.js

$.fn.tree.defaults.loadFilter = function(data, parent) {
	var options = $(this).data().tree.options;
	var idField = options.idField || 'id',
	textField = options.textField || 'text',
	iconField = options.iconField || 'iconCls',

	attributes = options.attributes || [];

	var transform = function(node) {
		if (!node['id'] && node[idField]) 
			node['id'] = node[idField];
		if (!node['text'] && node[textField]) 
			node['text'] = node[textField];
		if (!node['iconCls'] && node[iconField]) 
			node['iconCls'] = node[iconField];
	
		if (attributes && $.isArray(attributes)) {
			if (!node['attributes']) {
				node['attributes'] = {};
			}

			for (var i = 0; i < attributes.length; i++) {
				node['attributes'][attributes[i]] = node[attribu