Extjs列表框示例?

qgzx9mmu  于 2022-11-04  发布在  其他
关注(0)|答案(1)|浏览(150)

我正在尝试寻找某种方法来显示/插入/更新表单上的动态信息。我当前使用的extjs是Ext JS 7.1.x Classic
模式如下:项目位置的项目产品代码的项目成本价格的名称([纬度和经度];机架编号;架数)备注
例如,表格中将有一个该项目的位置列表,我可以添加,删除和更新每行的位置?
数据显示如下

  1. 10,MPB001,[“000.1,111”; 2,000.2,222英寸; 2;2,“000.1,111”; 1;2],我的移动电源
    1.耳机,4,MEP 001,[“000.1,111”; 2;3],我的耳机
    我在考虑ListView或Datagrid之类的东西?
e1xvtsh3

e1xvtsh31#

对于初始数据、更新数据和插入数据你可以用

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}'}

您的viewModel中有选定的数据集

data: {
    gridSelection: null
}

然后,您可以将数据添加到表单中,如下所示:

items: {
    xtype: 'textfield',
    name: 'remarks',
    bind: {value: '{gridSelection.remarks}'}
}
  • problem* 如果您试图使用数据绑定侦听脏状态,则可能会遇到问题。但是,您可以通过使所有字段在数据绑定触发器之后都不脏来解决此问题。

相关问题