用JQuery easyui写的一个datagrid,datagrid上面有"新增","编辑"按钮,点击按钮会弹出dialog对话框

Posted 2023-05-09

但是现在在没有点击按钮的情况下,也有部分弹出对话框dialog中的下拉列表框显示出来了,怎样消除?
刷新页面，点击一次“新增”按钮之后，成功打开对话框之后再关闭对话框，这时显示的下拉列表又消失了，重叠内容消失，页面又正常了，究竟是什么原因？

参考技术A 将Dialog内的html标签设置css display:none本回答被提问者采纳

Easy UI行号位数多显示有问题

修改：jquery.easyui.min.js

(function($){
$.extend($.fn.datagrid.methods, {
    fixRownumber : function (jq) {
        return jq.each(function () {
            var panel = $(this).datagrid("getPanel");
            //获取最后一行的number容器,并拷贝一份
            var clone = $(".datagrid-cell-rownumber", panel).last().clone();
            //由于在某些浏览器里面,是不支持获取隐藏元素的宽度,所以取巧一下
            clone.css({
                "position" : "absolute",
                left : -1000
            }).appendTo("body");
            var width = clone.width("auto").width();
            //默认宽度是25,所以只有大于25的时候才进行fix
            if (width > 25) {
                //多加5个像素,保持一点边距
                $(".datagrid-header-rownumber,.datagrid-cell-rownumber", panel).width(width + 5);
                //修改了宽度之后,需要对容器进行重新计算,所以调用resize
                $(this).datagrid("resize");
                //一些清理工作
                clone.remove();
                clone = null;
            } else {
                //还原成默认状态
                $(".datagrid-header-rownumber,.datagrid-cell-rownumber", panel).removeAttr("style");
            }
        });
    }
});
})(jQuery);

使用方法：

  onLoadSuccess:function(){
            $(‘#TableID‘).datagrid(‘fixRownumber‘); // 
        }