使用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