EXTJS 常见问题

 

1、动态获取后台数据源的方法

var store = Ext.create('Ext.data.Store',{
    autoLoad: true,
    fields:['id','programId','lang','serviceName','providerName'],
    pageSize:10,
    proxy:{
        type:'ajax',
        url: window.CONTEXT_PATH+'/program/getProgramExtInfoList?programId=' + programId,
        reader:{
            type:'json',
            root:'dataList',
            totalProperty:'totalCount'
}
    },
    idProperty:'id'
});

 

2、自定义工具栏：

tbar : [{
 id : 'addBt',
 text : '新增',
 tooltip : '新增',
 iconCls : 'add'
},{
 xtype : "tbseparator"
},{
 id : 'delBt',
 text : '删除',
 tooltip : '删除',
 iconCls : 'delete',
 disabled : true
}, {
 xtype : "tbseparator"
}, {
 id : 'importBt',
 text : '批量导入',
 tooltip : '批量导入',
 iconCls : 'add'
}]

3、通过多选框的选中状态禁用删除按钮的操作：

selModel         : Ext.create('Ext.selection.CheckboxModel',{
   id        : Ext.id(),
   listeners : {
      selectionchange: function(sm, selections) {
         Ext.getCmp('delBt').setDisabled(selections.length == 0);
      }
   }
}),