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

时间:2022-03-21 07:54:04

一、在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;
}