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消失的問題不再出現。但這樣做的代價就是重新載入消耗時間。如果大家有更好的解決方案，希望積極分享。謝謝！

asp.net+mvc+easyui+sqlite 簡單使用者系統學習之旅（五）—— 解決tabs選擇已建tab顯示但datagrid的toolbar消失的問題