扩展文件名:ligerui.all.js
扩展说明:原ligerui框架展开菜单必须点击+-符号才可以展开,用户体验很不好。所以本博主改动了下框架的内容,修改了2个地方,具体如下。
18980行,改动代码
if (parentNode == null)//增加到根节点
{
var gridhtmlarr = g._getTreeHTMLByData(newdata, 1, [], true);
gridhtmlarr[gridhtmlarr.length - 1] = gridhtmlarr[0] = "";
if (nearNode != null)
{
$(nearNode)[isAfter ? 'after' : 'before'](gridhtmlarr.join(''));
g._updateStyle(parentNode ? $("ul:first", parentNode) : g.tree);
}
else
{
//remove last node class
if ($("> li:last", g.tree).length > 0)
g._setTreeItem($("> li:last", g.tree)[0], { isLast: false });
g.tree.append(gridhtmlarr.join(''));
}
//增加代码块
$(".l-body", g.tree).click(function ()
{
if($(this).find("div.l-expandable-open:first,div.l-expandable-close:first").length>0)
{
$(this).addClass("s-expandable");
$(this).find("div,span").addClass("s-expandable");
}
});
$(".l-body", g.tree).hover(function ()
{
$(this).addClass("l-over");
}
, function ()
{
$(this).removeClass("l-over");
});
g._upadteTreeWidth();
g.trigger('afterAppend', [parentNode, newdata])
return;
}
全局搜索:var clickOnTreeItemBtn
//增加一个判断
var clickOnTreeItemBtn = $(obj).hasClass("l-expandable-open") || $(obj).hasClass("l-expandable-close")||$(obj).hasClass("s-expandable");
//实现,点击新菜单,加载新的tree 搜索loadData: function (node, url, param, e)
// 框架封装了一个clear清空方法,搜索g.tree.html(""); 即可查找到
在success方法中,调用g.clear();清空tree方法即可实现
success: function (data)
{
if (!data) return;
g.clear();
e.hideLoading();
g.append(node, data);
g.trigger('success', [data]);
e.success(data);
}