使用easyui datagrid 遇到的那些問題

問題一：

easyui datagrid列頭可拖動, 引用方式：

//啓用dnd支持

        $('#table').datagrid('enableDnd');

官網地址： http://www.jeasyui.net/extension/193.html  含下載js

 

問題二：

easyui datagrid detaliView隱藏前面的 + 有空白

dg.datagrid('getExpander', rowIndex).hide(); 

改用

 

dg.datagrid('getExpander', rowIndex).removeClass("datagrid-row-expander datagrid-row-expand");

 問題三：

easyui input editable:false時，校驗無提示框，添加自動觸發鼠標事件即可

$('#objectId').combobox('textbox').trigger('mouseover');

問題四：

easyui datagrid detaliView 雙擊列頭展開功能：

onDblClickRow:function (rowIndex,data) {
            var expandObj = $('#task_info_tab').datagrid('getExpander', rowIndex);
            if (expandObj.hasClass('datagrid-row-expand')){
                $(this).datagrid('expandRow', rowIndex);
            }else {
                $(this).datagrid('collapseRow', rowIndex);
            }
            $('#task_info_tab').datagrid('fixRowHeight');
        }

 

 問題五：

easyui datagrid 列用到fitColumns:true時，右邊有空白，添加以下代碼即可

scrollbarSize:0