var scrollHeight = container.scrollTop() + nodeOffsetHeight - containerH + 30
container.scrollTop(scrollHeight)
}
}
}
})
/**
* 展示搜索匹配的节点
*/
function showMatchedNode(jqTree, tree, node) {
//展示所有父节点
$(node.target).show()
$(".tree-title", node.target).addClass("tree-node-targeted")
var pNode = node
while ((pNode = tree.getParent(jqTree, pNode.target))) {
$(pNode.target).show()
}
//展开到该节点
tree.expandTo(jqTree, node.target)
//如果是非叶子节点,需折叠该节点的所有茄唯子节点
if (!tree.isLeaf(jqTree, node.target)) {
tree.collapse(jqTree, node.target)
}
}
/**
* 判断searchText是否与targetText匹配
盯纳郑 * param searchText 检索的文本
* param targetText 目标文本
* return true-检索的文本与目标文本匹配;否则为凯颂false.
*/
function isMatch(searchText, targetText) {
return $.trim(targetText)!="" &&targetText.indexOf(searchText)!=-1
}
/**
* 获取easyui tree的所有node节点
*/
function getAllNodes(jqTree, tree) {
var allNodeList = jqTree.data("allNodeList")
if (!allNodeList) {
var roots = tree.getRoots(jqTree)
allNodeList = getChildNodeList(jqTree, tree, roots)
jqTree.data("allNodeList", allNodeList)
}
return allNodeList
}
/**
* 定义获取easyui tree的子节点的递归算法
*/
function getChildNodeList(jqTree, tree, nodes) {
var childNodeList = []
if (nodes &&nodes.length>0) {
var node = null
for (var i=0i
第一步,创建静态页面tree.html,修改默认title内容,改为“EasyUI的Tree”,如下图所示:第二步,在第一步的静态页面引入EasyUI核心JavaScript和CSS文件,并引入就jQuery核心js文件,如下图所示:
第三步,下面插入Tree数据源并生成树形结构,这里选择是仿照好友分类,分为我的好友、黑名单和公众号,如下图所示:
第四步,编写Tree控件点击事厅早件,并获取点击时Tree节点的内容,如仿正下图所示:
第五步,在onClick事件下方编写Tree控件选中事件,扮大雀类似也是获取Tree节点的内容,如下图所示:
第六步,编写完毕,在浏览器中进行预览该静态页面,这时会出现两个d窗,如下图所示:
我简单的说下好了,你去easyUI的源样式文件tree.css文件中修改.tree-folder(关闭时的样式)和.tree-folder-open(打开谈圆时的样式)的样式伏侍埋,里面有个url就是你要指定的图片!真郁闷我写的代码不知道为缺蚂什么显示不出来!欢迎分享,转载请注明来源:内存溢出
评论列表(0条)