ExtJs常用代码片段

Ext.Ajax.request(...{
    url:'xxx.action',
        method:'post',
        params:...{equipmentId: equipmentId,agentIds: agentIds},
        success:function(response,config)...{
            var json = Ext.util.JSON.decode(response.responseText);  
                Ext.Msg.alert("提示信息",json.msg);
                store.reload();
        },
        failure:function()...{
                Ext.MessageBox.alert("提示信息", "关联失败");  
                store.reload();
       }
});

		

var tankType = new Ext.form.ComboBox(...{
    typeAhead: true,
    triggerAction: 'all',
    lazyRender:true,
    mode: 'remote',
    applyTo :'tankType',
    id:'tankType',
    disabled:true,
    msgTarget : 'side',
    width:135,
    editable:false,
    store: new Ext.data.Store(...{  //下拉框的数据源      
           proxy: new Ext.data.HttpProxy(...{url:'${ctx}/tankfarm/getTankTypes.action'}),
           reader: new Ext.data.JsonReader(...{},[ 
               ...{name:'type_code'},    
               ...{name:'type_name'}                                 
           ])
           }),
    valueField: 'type_code',//值字段
    displayField: 'type_name'//显示的字段
});

		

...{
    xtype: 'radiogroup',
    layout: 'table',
    width: 100,
    id: 'is_main_line',
    fieldLabel: '主侧线',
    defaultType: 'radio',
    border: false,
    sFormField: true,
    items: [...{
           name: 'is_main_line',
    //这里加入name表示两个radio属于同一个组，形成单选模式，如果不加name或者两个name不一样，则会发生两个都会选择的情况
           boxLabel: '是',
           xtype: 'radio',
           inputValue: '1',//单选框的实际值
          checked: true
    }, ...{
         name: 'is_main_line',
         boxLabel: '否',
         xtype: 'radio',
         inputValue: '2'
       }
          ]
}

		

...{header:'名称',width:50,dataIndex:'name',menuDisabled:true,menuDisabled:true,renderer : function(value, metadata, record, rowIndex, columnIndex,store) ...{
     value = value.replace(/</g,'&lt');
     metadata.attr = 'ext:qtip="' + value + '<br/>"';
     return value;
    }
}

		

var materialMenu = new Ext.menu.Menu(...{
     items : [
        ...{text : "增加",
             id : 'add',
            handler : function() ...{}
        },
        ...{ text : "修改",
                id : 'update',
               handler : function() ...{}
         },
         ...{text : "删除",
             id : 'delete',
            handler : function() ...{}
      }]
});

		

listeners : ...{
   'contextmenu' : function(node, event) ...{
         materialMenu.showAt(event.getPoint());
    }
}