标签:
项目需要反复运行,调整bug。发现在选择已有选项卡时,虽然不需要再新建tab,直接跳转到已有的tab上,但问题是显示的datagrid有事会出现toolbar消失的问题。网上也有不少同学出现类似问题,好像是easyui中datagrid源代码的bug,第一次加载datagrid页面就不会出现问题。
这里,我通过利用每次都让datagrid重新加载的思路,来修正代码:
在(Home)Index中修改该段代码成如下
$(‘#tt‘).tree({
onClick: function (node) {
//alert(node.id);
if(!(node.id==‘1‘||node.id==‘11‘||node.id==‘12‘))
{
//alert(node.text); // alert node text property when clicked
// add a new tab panel 这里使用exists判断tab是否已经存在
if($(‘#tabs‘).tabs(‘exists‘,node.text))
{
//‘select‘重新激活已有的tab,会出现datagrid的toolbar显示不完整的问题
var tab = $(‘#tabs‘).tabs(‘getTab‘,node.text); // get selected panel
tab.panel(‘refresh‘, ‘/Home/UserEvent‘);
$(‘#tabs‘).tabs(‘select‘,node.text);
}
else
{
$(‘#tabs‘).tabs(‘add‘, {
title: node.text,
//content:"hello!",
href: ‘/Home/UserEvent‘,
closable: true,
});
}
}
}
});
思路就是在select已有的tab之前,对选中已有的tabrefresh,达到第一次打开datagrid的效果,toolbar消失的问题不再出现。但这样做的代价就是重新加载消耗时间。如果大家有更好的解决方法,希望积极分享。谢谢!
asp.net+mvc+easyui+sqlite 简单用户系统学习之旅(五)—— 解决tabs选择已建tab显示但datagrid的toolbar消失的问题
标签:
原文地址:http://www.cnblogs.com/jennyjiang-00/p/5760158.html