Ext-Grid,Tree,Form等小结
1、Ext.tree.TreePanel
//选择树中某个节点
var node =tree.getSelectionModel().getSelectedNode()
//node中除了id,text,leaf,children等规定属性,用户自定义属性可以通过如下方式从树中获得其值
var value=typeTree.getSelectionModel().getSelectedNode().attributes.xxx
//重新根据 TreePanel的loader: new Ext.tree.TreeLoader({url:"url"}) 加载刷新树
tree.root.reload()
//获取树根节点 下所有节点
tree.getRootNode().childNodes
2、Ext.grid.GridPanel
var store= new Ext.data.JsonStore({
fields: storeInfo
idProperty: 'ID',
autoSave: true,
loadAndSort:function(param){
if(param!=undefined)
this.proxy = new Ext.data.HttpProxy({url:"deploy/instances.action"+"?"+param});
else
this.proxy = new Ext.data.HttpProxy({url:"deploy/instances.action"});//使用代理加载数据,则不会使用 url属性的请求
this.removeAll();//清楚grid中所有数据
this.load();//加载数据
this.sort([{ field : 'PROCESS', direction: 'ASC' }, { field : 'VERSION', direction: 'ASC'} ], 'ASC');
// 先process升序,process相同时,version升序,
}
})
var grid=new Ext.grid.GridPanel({
store:store,
......
})
//返回选择的所有行
var rows = grid.getSelectionModel().getSelections()
//删除grid中的行
store.remove(rows[index]);
3、Ext.form.FormPanel
//提交表单前可以调用此方法,验证所有输入框是否有值等
if(form.getForm().isValid()){
}
//提交表单
form.getForm().submit({
success:function(form,action){
},
failure:function(form,action){
}
});
//清楚表单域中值
form.getForm().reset()
//初始化form
Ext.getCmp('formId').getForm().loadRecord(rec)
//给form的field赋值
Ext.getCmp('formId').getForm().findField('fieldId').setValue('');
//form xtype 为textfield的域获取值
Ext.getCmp('id').getValue()
//form xtype 为displayfield的域获取值
Ext.getCmp('id').value
4、formpanel表单项的隐藏
Ext.getCmp('STRIKE_AMT').disable();
Ext.getCmp('STRIKE_AMT').getEl().up('.x-form-item').setDisplayed(false);
显示:Ext.getCmp('STRIKE_AMT').enable();
Ext.getCmp('STRIKE_AMT').getEl().up('.x-form-item').setDisplayed(true);// show label
其他:
Ext.get("id").getValue() //根据id获取页面元素的value
Ext.getDom("startProcessFrame").contentWindow.location.href='xxx' //给iframe的href赋值