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: "编码", width: 100, sortable: true, dataIndex: 'infoCode'},
                {header: "标题", width: 300, dataIndex: 'title'},
                {header: "内容", width: clientWidth-400, dataIndex: 'content'}
            ],
            sm : sm,
            applyTo : 'grid',  //1、必须，extjs需要知道gridPanel渲染在哪里 才能进行遮罩
            loadMask:true,     //2、必须
            width: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;
　　width: 185px;
}