ext grid 如何新增一个文本框

xuan.ye 2008-11-21 03:25:19

叶轩 15:24:42
Ext.onReady(function(){

Ext.QuickTips.init();
var xg = Ext.grid;
var pageSize = 15;

var record = [{
name : 'depId',
mapping : 'depId'
},{
name : 'Password',
mapping : 'Password'
},{
name : 'qh',
mapping : 'qh'
},{
name : 'uid',
mapping : 'uid'
},{
name:'userId',
mapping:'userId'
},{
name:'userName',
mapping:'userName'
}];//创建面板
var grid_row = new Ext.data.Record.create(record);//创建grid的列

var sm = new xg.CheckboxSelectionModel();//是否可选择

var cm = new xg.ColumnModel([sm,{
header : "编号",
width : 200,
sortable : true,
dataIndex : 'uid'
},{
header : "登陆名",
width : 200,
sortable : true,
dataIndex : 'userId'
},{
header : "用户昵称",
width : 120,
sortable : true,
dataIndex : 'userName'
},{
header : "单位",
width : 120,
sortable : true,
dataIndex : 'depId'
}]);//选择时候绑定的数据库列

var storeM = new Ext.data.Store({
proxy : new Ext.data.DWRProxy(SysUserBLL.getList5, true, new Object()),
reader : new Ext.data.ListRangeReader({
id : 'uid',
totalProperty : 'totalSize'
}, grid_row),
remoteSort : true
});

var grid = new xg.GridPanel({
store: storeM,
cm: cm,
sm: sm,
loadMask : true,
width:800,
height:500,
frame:true,
title:'用户列表',
renderTo: Ext.getBody(),
tbar : [{
text : '删除',
handler : delSelectRow
},{
text:'查询',
handler:doselect
}],
bbar : new Ext.PagingToolbar({
pageSize : pageSize,
store : storeM,
displayInfo : true,
displayMsg : '显示记录 {0} - {1} 共 {2}',
emptyMsg : "没有记录..."
})
});

// 读取后台的数据
var obj = new Object();
var argParas = new Array();
argParas.push(obj);
argParas.push(true);
storeM.load({
params : {//程序要求的，与寻找哪个类无关
start : 0,
limit : pageSize
},
arg : argParas//以数组的方式给类传参
});
function doselect()
{
alert('doselect');
var strWhere=document.getElementById("txtsearch").value;
SysUserBLL.doselect(strWhere,callback);
}
function callback()
{
storeM.reload();
}
function delSelectRow() {

var selects = grid.getSelectionModel().getSelections();
var len = selects.length;
var ids = '';

for(var i=0;i<len;i++){
ids += selects[i].id+',';
}

SysUserBLL.delRecord(ids, function(data) {
if (data) {
for (var g = 0; g < len; g++) {
storeM.remove(selects[g]);
}
}
storeM.reload();
});
}
});

...全文