当前位置: 代码迷 >> Web前端 >> Ext-Grid,Tree,Form等总结
  详细解决方案

Ext-Grid,Tree,Form等总结

热度:316   发布时间:2012-11-23 22:54:33.0
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赋值
  相关解决方案