ListBox for Extjs example?

Question

我试图找到一些方法来显示/插入/更新表单上的信息，其中信息是动态的。我目前使用的extjs是extjs 7.1.x Classic

架构如下项目名称项目的成本价项目的产品代码位置([纬度和经度]；机架编号；机框编号(备注

例如，表格中会有一个项目的位置列表，我可以添加、删除和更新每一行的位置？

数据如下所示

1. PowerBank，10，MPB001，["000.01111"；2；2，"000.02222"；2，"000.01111"；1；2]，我的充电宝
2. 耳机，4，MEP001，["000.1111"；2；3]，我的耳机

我在想ListView或Datagrid之类的东西？

Answer 1

对于初始数据，更新数据并插入您可以使用

form.setValues({
name: 'PowerBank',
cost: 10,
code: 'MPB001',
locationLatitude: '000.1',
locationLongitude: '111'
rack: 2,
shelves: 2,
remarks: 'My Power Bank'
});

除此之外，您可以使用数据绑定

数据绑定

假设你有一个网格并绑定选择：

xtype: 'grid',
bind: {selection: '{gridSelection}'}

您的视图中有选定的数据集Model

data: {
gridSelection: null
}

然后你可以将数据添加到这样的表单中：

items: {
xtype: 'textfield',
name: 'remarks',
bind: {value: '{gridSelection.remarks}'}
}

问题如果您试图通过数据绑定侦听脏状态，则可能会遇到问题。但是，您可以通过在数据绑定触发后使所有字段不脏来解决这个问题。