store的应用
Ext.onReady(
//Store的创建步骤
function()
{
//------------------------------------------------------------------------
//定义Record
var User=Ext.data.Record.create(
[
{name:'id',type:'int'},
{name:'name'},
{name:'sex',type:'int'}
]
);
//创建Store
var store=new Ext.data.Store(
{
//url:'User.xml',//数据源
url:'WebForm1.aspx',//数据源
//reader:new Ext.data.XmlReader(
reader:new Ext.data.JsonReader(
{
id:'id',//主键--
totalRecords:'totalCount',//总行数
//record:'row'//xml节点选择
//cs:'cs',//测试
root:'row'//json节点选择
},
User//能够解析的记录集
)//解析器
}
);
//创建简单的store-SimpleStore
var storesex=new Ext.data.SimpleStore(
{
data:[[0,'男'],[1,'女']],
fields:[{name:'id',type:'int'},{name:'name'}]
}
);
//定义Grid的表头
var cm=new Ext.grid.ColumnModel(
[
{header:'姓名',dataIndex:'name',sortable:true,editor:new Ext.form.TextField()},//可排序
{header:'性别',dataIndex:'sex',sortable:true,editor:new Ext.form.ComboBox({
store: storesex,
displayField:'name',
valueField:'id',
typeAhead: true,
mode: 'local',
triggerAction: 'all',
emptyText:'选择物品类型',
selectOnFocus:true,
forceSelection:true,
disable:true ,
resizable:true
})
},
{header:'编号',dataIndex:'id',sortable:false}//不可排序
]
);
var i=2;
//创建Grid
var grid=new Ext.grid.EditorGridPanel(
{
store:store,
cm:cm,
renderTo:'paneldiv',
width:965,
height:530,
title:'cs',
autoExpandColumn:2,//指定地第二列为自动拉伸列
clicksToEdit:1,//单击一次变为可编辑，默认为二次
loadMask:{Msg:'这个在加载数据...'},
tbar:[{
id:'btnAdd',
text:'新增',
tooltip:'新增',
iconCls:'add',
handler: ''
}, '-',
{
text:'查询',
tooltip:'查询',
iconCls:'search',
handler:function()
{
var i=0;
//--可以由此生成查询模板
/*for(var i=0;i<User.prototype.fields.length;i++)
{
alert(User.getField(i).name+':'+User.getField(i).mapping+':'+User.getField(i).type);
}*/
}
}, '-',
{
text:'批量删除',
tooltip:'删除',
iconCls:'remove',
handler:''
}]
}
);
store.load();
//--------------------------------------------------------
//--查询
//--------------------------------------------------------
Ext.get('btn').on('click',test);
}
);