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