八讲使用gridpanel显示用户.pdfVIP

第一步：通过GridPanel显示所有用户。

functionuserManageFn(){

//记录类型

varUser=newExt.data.Record.create([

{name:id,mapping:id},

{name:username,mapping:username},

{name:password,mapping:password}

]);

//器

varstore=newExt.data.Store({

url:getUser.action,

reader:newExt.data.JsonReader(

{

root:users,

id:id}

,User)

});

//表格面板

vargridPanel=newExt.grid.EditorGridPanel({

width:300,

height:200,

frame:true,

store:store,

columns:[

{header:id,dataIndex:id,sortable:true},

{header:用户名

,dataIndex:username,sortable:true,

editor:newExt.form.TextField({

id:username,

name:username,

fieldLabel:用户名,

minLength:3,

minLengthText:用户名长度小于{0},

maxLength:12,

maxLengthText:用户名长度大于{0},

allowBlank:false,

blankText:用户名不能为空

})

},

{header:

,dataIndex:password,sortable:true,

editor:newExt.form.TextField({

id:password,

name:password,

fieldLabel:,

allowBlank:false,

blankText:不能为空

})

}

],

autoExpandColumn:2

})

store.load();

vartabPage=tabPanel.add({//动态添加tab页

title:用户管理,

height:400,

layout:fit,

items:[

gridPanel

],

closable:true//允许关闭

})

tabPanel.setActiveTab(tabPage);//设置当前tab页

}

第二步：用户查询Action。

packagecom.ibeifeng.action;

importjava.util.List;