欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

使用easyui datagrid 遇到的那些问题

程序员文章站 2022-06-10 18:10:07
...

问题一:

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