javascript -------------- extjs学习总结

----------------------------------------------------------------------下拉框（ComboBox）
说明：利用组件的render()函数，把组件渲染到指定的dom元素中。
Ext.onReady(function() {
var planStore = new Ext.data.JsonStore({
root: 'rows',
totalProperty: 'total',
idProperty: 'guid',
remoteSort: false,
pruneModifiedRecords: true,
region: 'center',
fields: ['guid', 'title', 'type','content','noticestatus','noticeusers','noticedate'],
proxy: new Ext.data.HttpProxy({
url: 'evaluation_Plan!list.action'
})
});
var planCombox = new fm.ComboBox({
id: 'planid',
autoLoad: true,
mode: 'local',
triggerAction: 'all',
store:planStore,
lazyRender: true,
valueField: 'guid',
displayField: 'title',
forceSelection: true,
value: '0BA3A6EC115D4990A80347FE63E3212F',
width: 80,
listeners: {
select: function() {
//reload();
}
}
});
//luozhiping:渲染到dom元中
planCombox.render('plan');
});

--------------------------------------------------------------------------下拉框（combobox）
//luozhiping:把一个combobox渲染到指定的dom元素上去
function render_combobox(combobox_id,url,fields,field_id_name,field_value_name,defaultvalue,dom_id)
{
var store = new Ext.data.JsonStore({
root: 'rows',
totalProperty: 'total',
idProperty: id,
remoteSort: false,
pruneModifiedRecords: true,
region: 'center',
fields: fields,
proxy: new Ext.data.HttpProxy({
url: url
})
});
var combobox = new Ext.form.ComboBox({
id: combobox_id,
//name:'planid',
autoLoad: true,
mode: 'local',
triggerAction: 'all',
store:store,
lazyRender: true,
valueField: field_id_name,
displayField: field_value_name,
blankText:'--请选择--',
emptypText:'--请选择--',
allowBlank:false,
editable:false,
forceSelection: true,
width: 400,
listeners: {
select: function() {
combobox.setValue(this.value);
}
}
});
store.on('load', function() {
if (defaultvalue)
combobox.setValue(defaultvalue);
});
//luozhiping:从后台加载数据
store.load();
//luozhiping:渲染到dom元中
combobox.render(dom_id);
}

----------------------------------------------------------------------Ext.data.JsonStore
------------------------------------------------------------------
说明：用Ext.data.HttpProxy获取后台数据，然后load()来加载，也可以用loadData(json)来加载数据。
function make_store2()
{
var store = new Ext.data.JsonStore({
proxy: new Ext.data.HttpProxy({
url: "test.json"
}),
root: "results",
fields: ["project", "company", "other", "other2"]
});
store.load({
callback: function () {
}
});
return store;
}

---------------------------------------------------------------------Ext.data.Store
说明：Ext.data.Store加载后台数据，然后用 Ext.data.JsonReader来读取解析。
var store = new Ext.data.Store({
url: "test2.json",
reader: new Ext.data.JsonReader({
root: "data",
totalProperty: 'total'
}, [{ name: "id" }, { name: "xmid" }, { name: "subject" }, { name: "planCost" }, { name: "actualCost"}])
});

对于一个想学又看不懂的小白来说简直是天文数字