码迷,mamicode.com
首页 > 数据库 > 详细

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

时间:2016-08-11 11:15:56      阅读:351      评论:0      收藏:0      [点我收藏+]

标签:

项目需要反复运行,调整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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!