【发布时间】：2011-03-05 17:42:59
【问题描述】：
我在这里创建了网格面板视口的 2 个区域（西部和中心）， 现在我想要的是我想动态改变中心的“xtype”
目前“xtype”是“examplegrid”，我想将其更改为“eontable” 当我点击“西部”区域的列时......
这里是代码：用于 extjs
(
function output()
{
Ext.ns('supplierlist');
Ext.BLANK_IMAGE_URL = '/extjs/ext/resources/images/default/s.gif';
/********************************Code For Suppliers*****************************/
}
//end function var_dump
supplierlist.Grid = Ext.extend(Ext.grid.GridPanel, {
initComponent: function() {
var config = {
store: new Ext.data.JsonStore({
id: 'supplier',
totalProperty: 'totalcount',
root: 'rows',
url: 'get_suppliers_list.php',
fields: [{
name: 'supplier'
}]
}),
columns: [{
id: 'supplier',
header: 'Suppliers List',
width: 40,
sortable: true,
dataIndex: 'supplier'
}],
viewConfig: {
forceFit: true
}
}
this.addListener('click',
function(val) {
});
Ext.apply(this, Ext.apply(this.initialConfig, config));
supplierlist.Grid.superclass.initComponent.apply(this, arguments);
}
,
onRender: function() {
// call parent
supplierlist.Grid.superclass.onRender.apply(this, arguments);
// load the store
this.store.load({
params: {
start: 0,
limit: 20
}
});
}
// eo function onRender
});
Ext.reg('printsuppliers', supplierlist.Grid);
Ext.ns('Example');
// example grid pre-configured class
Example.Grid = Ext.extend(Ext.grid.GridPanel, {
initComponent: function() {
var config = {
store: new Ext.data.JsonStore({
//
id: 'company'
,
totalProperty: 'totalCount'
,
root: 'rows'
,
url: 'get-grid-data.php'
,
fields: [
]
})
,
columns: [{
id: 'Smart Metering'
,
header: "Smart Metering"
,
width: 40,
sortable: true
}
]
,
viewConfig: {
forceFit: true
}
};
// eo config object
// apply config
Ext.apply(this, Ext.apply(this.initialConfig, config));
this.bbar = new Ext.PagingToolbar({
store: this.store
,
displayInfo: true
,
pageSize: 20
});
// call parent
Example.Grid.superclass.initComponent.apply(this, arguments);
}
// eo function initComponent
,
onRender: function() {
// call parent
Example.Grid.superclass.onRender.apply(this, arguments);
// load the store
this.store.load({
params: {
start: 0,
limit: 20
}
});
}
// eo function onRender
});
Ext.reg('examplegrid', Example.Grid);
Ext.ns('eon');
// example grid pre-configured class
eon.Grid = Ext.extend(Ext.grid.GridPanel, {
initComponent: function() {
var config = {
store: new Ext.data.JsonStore({
//
id: 'company'
,
totalProperty: 'totalCount'
,
root: 'rows'
,
url: 'get-grid-data.php'
,
fields: [
]
})
,
columns: [{
id: 'dummy'
,
header: "dummy"
,
width: 40,
sortable: true
}
]
,
viewConfig: {
forceFit: true
}
};
// eo config object
// apply config
Ext.apply(this, Ext.apply(this.initialConfig, config));
this.bbar = new Ext.PagingToolbar({
store: this.store
,
displayInfo: true
,
pageSize: 20
});
// call parent
eon.Grid.superclass.initComponent.apply(this, arguments);
}
// eo function initComponent
,
onRender: function() {
// call parent
eon.Grid.superclass.onRender.apply(this, arguments);
// load the store
this.store.load({
params: {
start: 0,
limit: 20
}
});
}
// eo function onRender
});
Ext.reg('eontable', eon.Grid);
Ext.onReady(function() {
Ext.QuickTips.init();
// create viewport with border layout
var viewport = new Ext.Viewport({
layout: 'border'
,
id: 'vp'
,
items: [{
region: 'center'
,
layout: 'fit'
,
title: 'Center'
,
xtype: 'examplegrid'
},
{
region: 'west'
,
title: 'Suppliers'
,
width: 220
,
xtype: 'printsuppliers'
,
split: true
,
collapsible: true
}]
});
});
}`)
代码 对于php
(`
$start = @$_REQUEST["start"];
$limit = @$_REQUEST["limit"];
$start = $start ? $start: 0;
$limit = $limit ? $limit: 5;
$data = array(
array("supplier" = >'a1'),
array("supplier" = >'a2'),
array("supplier" = >'a3'),
array("supplier" = >'a4'),
array("supplier" = >''),
array("supplier" = >''),
array("supplier" = >''),
array("supplier" = >''),
array("supplier" = >''),
array("supplier" = >''),
array("supplier" = >'')
);
$a = array();
$limit = ($limit > count($data)) ? $limit = count($data) : $limit;
for ($i = $start; $i < $start + $limit; $i++) {
$a[] = $data[$i];
}
$o = array(
"success" = >true
, "totalCount" = >sizeof($data)
, "rows" = >$a
);
echo json_encode($o);
// eof
? >
)
【问题讨论】：
-
考虑格式化您的代码，因为它目前不可读（使用 4 个空格正确缩进）。还可以考虑为您的问题提供更有意义的标题。
标签： extjs