I use ExtJS 3.2.1. I have 2 files: privilege_grid.js and function_grid.js. I want to display function_store (in function_grid.js) as checkboxgroup items (in privilege_grid.js). func_id as id/name/value and func_code as boxLabel.
In function_grid.js, I have a form window:
Code:
var function_proxy = new Ext.data.HttpProxy({
url: 'function/default/?r=ajax/gridProxy&table=sitac_type_site&srch[]=name'
});
/******************STORE****************************/
var function_store = new Ext.data.JsonStore({
//url: 'default/',
proxy: function_proxy,
fields: [
//'No',
'func_id',
'func_code',
'max_func'
],
root: 'data',
totalProperty: 'totalCount',
idProperty: 'No',
remoteSort: true,
});
function_store.load({params:{start:0, limit:15}});
In privilege_grid.js, I have a form window (for Add Value, Save, and Edit):
Code:
privilege_TypeSiteFormPanel = function (windowX) {
this.windowX = windowX;
privilege_TypeSiteFormPanel.superclass.constructor.call(this, {
header:false,
frame:true,
defaultType:'textfield',
monitorValid:true,
items : [
{
xtype:'hidden',
name:'id'
}
,
new Ext.form.ComboBox({
fieldLabel: 'Role Name',
hiddenName:'role_id',
store: new Ext.data.JsonStore({
root: 'datax',
fields: ['role_id', 'role_name']
,
proxy: new Ext.data.HttpProxy ({
url: 'role/getrole/'
}),
autoLoad : true
}),
valueField:'role_id',
displayField:'role_name',
typeAhead: true,
mode: 'local',
triggerAction: 'all',
emptyText:'Select a Role...',
selectOnFocus:true,
width:190
})
,
new Ext.form.CheckboxGroup({
xtype: 'checkboxgroup',
fieldLabel: 'Function',
// Arrange checkboxes into three columns, distributed vertically
columns: 2,
vertical: true,
items: [
??????????
]
})
],buttons:[ .... ]
});
};
How to do that?
Thanks in advance.