asp.net+mvc+easyui+sqlite 简单用户系统学习之旅（五）—— 解决tabs选择已建tab显示但datagrid的toolbar消失的问题

项目需要反复运行，调整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消失的问题不再出现。但这样做的代价就是重新加载消耗时间。如果大家有更好的解决方法，希望积极分享。谢谢！