Extjs 疑难杂症 (LoadMark 遮罩、Panel Update无效、chrome浏览器date控件全屏)

一、在extjs gridPanel中使用LoadMark无效,三步搞定。

原代码:

grid = new Ext.grid.GridPanel({
            store: store,
            title:'资料列表',
            columns: [
                new Ext.grid.RowNumberer(),
                sm,
                {id:'infoCode', header: "编码",  100, sortable: true, dataIndex: 'infoCode'},
                {header: "标题",  300, dataIndex: 'title'},
                {header: "内容",  clientWidth-400, dataIndex: 'content'}
            ],
            sm : sm,
            applyTo : 'grid',  //1、必须,extjs需要知道gridPanel渲染在哪里 才能进行遮罩
            loadMask:true,     //2、必须
            clientWidth,
            height:clientHeight,
            bbar:new Ext.PagingToolbar({
                pageSize: limit,
                displayInfo: true,
                store: store
            }),
            tbar: tbars
        });

    //3、且store.load() 应在gridPanel创建之后调用

二、chrome浏览器下 date控件全屏bug

在ext-all.css中加入控件的宽度185

.x-date-picker {
  border: 1px solid;
  border-top:0 none;
  position:relative;
   185px;
}

原文地址:https://www.cnblogs.com/hzm112567/p/3458972.html