动态创建网格EXTJS
我想知道是否可以动态创建网格视图。我会尽力解释 我目前有一个具有不同区域的数据库表，我已经围绕它创建了一个网格，您可以将新条目添加到此网格中，然后将其添加到表中 我还有一个联系人数据库表，其中包含姓名、电话号码，并使用所有地区作为下拉列表。同样，您可以通过网格在此表中添加新条目 最后，我有第三个网格，显示所有联系人，细分到他们的区域。我面临的问题是如何使其动态化？目前，我已经硬编码了区域标题，并填充了一个适当过滤的网格，但是，如果有人完全添加了一个新区域，该怎么办？如何为新添加的区域创建具有适当过滤器的标题和网格 第三个网格代码：动态创建网格EXTJS,extjs,Extjs,我想知道是否可以动态创建网格视图。我会尽力解释 我目前有一个具有不同区域的数据库表，我已经围绕它创建了一个网格，您可以将新条目添加到此网格中，然后将其添加到表中 我还有一个联系人数据库表，其中包含姓名、电话号码，并使用所有地区作为下拉列表。同样，您可以通过网格在此表中添加新条目 最后，我有第三个网格，显示所有联系人，细分到他们的区域。我面临的问题是如何使其动态化？目前，我已经硬编码了区域标题，并填充了一个适当过滤的网格，但是，如果有人完全添加了一个新区域，该怎么办？如何为新添加的区域创建具有适当
Ext.define('myproject.example', {
extend: 'Ext.form.Panel',
alias: 'widget.********',
requires: [
'store.exampleStore'
],
modal: true,
draggable: true,
header: {
title: 'Technical Advisors Contact Information',
height: 55,
items: [{
xtype: 'button',
text: 'X',
listeners: { click: 'onModalX' }
}]
},
scrollable: true,
align: 'center',
floating: true,
width: 1500,
height: 800,
items: [{
xtype: 'grid',
title: 'Region: ME',
scrollable: true,
collapsible: true,
store: { type: 'exampleStore', filters: [{ property: 'Region', value: 'ME' }, { property: 'Active', value: 'true' }] },
columns: [{
text: 'Contact',
dataIndex: 'ContactName',
sortable: true,
flex: 2
}, {
text: 'Office #',
dataIndex: 'Office',
sortable: true,
flex: 1
}, {
text: 'Home #',
dataIndex: 'Home',
sortable: true,
flex: 1
}, {
text: 'Pager #',
dataIndex: 'Pager',
sortable: true,
flex: 1
}, {
text: 'Cellular #',
dataIndex: 'Cellular',
sortable: true,
flex: 1
}, {
text: 'Area',
dataIndex: 'Region',
sortable: true,
flex: 3
}] //continues...
首先，您需要在客户端（在浏览器中）获取数据。这可以通过ajax请求（jsonp、ext.direct、rest等）完成 然后，您可以将数据加载到存储中：
grid.store.loadData(result.data);
您可以手动执行此操作，也可以阅读extjs中的代理。最简单的开始方法是
rest-proxy