0
A
回答
3
您可能能夠將您的文本框(在你的列標題的項目文本字段)的值配置綁定到一個屬性一個視圖模型。
喜歡的東西:
var vm = Ext.create('Ext.app.ViewModel', {
data: [{
test : ''
}],
alias: 'viewmodel.myviewmodel',
stores: {
simpsonsStore: Ext.create('Ext.data.Store', {
fields:['name', 'email', 'phone'],
data:[
{'name': 'Lisa', "email":"[email protected]", "phone":"555-111-1224"},
{'name': 'Bart', "email":"[email protected]", "phone":"555-222-1234"},
{'name': 'Homer', "email":"[email protected]", "phone":"555-222-1244"},
{'name': 'Marge', "email":"[email protected]", "phone":"555-222-1254"}
]
})
}
});
var grid = Ext.create('Ext.panel.Panel', {
height: 400,
width: 400,
renderTo: Ext.getBody(),
viewModel: vm,
layout: 'hbox',
items:[{
xtype: 'button',
bind: {
text: '{test}'
}
},{
xtype: 'grid',
flex: 1,
bind: '{simpsonsStore}',
columns: [{
text: 'Name',
dataIndex: 'name',
items: [{
xtype: 'textfield',
bind: {
value: '{test}'
}
}]
}, {
text: 'Email',
dataIndex: 'email',
flex: 1
}, {
text: 'Phone',
dataIndex: 'phone'
}]
}]
});
PS:這裏是小提琴)https://fiddle.sencha.com/#fiddle/15j6,你可以輸入你的頭提起,按鈕上的文字會自動更新:)
相關問題
- 1. 獲取ExtJS網格中的列標題
- 2. ExtJs - 在列標題中篩選具有搜索字段的網格
- 3. ExtJS 6網格不正確更新/刷新列標題
- 4. ExtJS 6 - 自動調整網格列標題文本
- 5. ExtJs獲取放置目標的ID
- 6. 切換列標題extjs網格面板
- 7. 隱藏ExtJS網格列標題
- 8. ExtJS 3.2:網格列標題分組
- 9. Acumatica:從網格事件獲取標題上的字段值
- 10. 如何在extjs的網格列標題中添加過濾器?
- 11. Extjs 6-過濾網格
- 12. ExtJS 4 - 在網格面板中包裝列標題
- 13. extjs網格列標題文字換行不起作用
- 14. Extjs 4網格:根據商店文本值在單元格中放置圖標
- 15. 如何將嵌套在表格中的網格的列標題分組爲ExtJs
- 16. 如何根據記錄值(EXTJS)在網格上設置禁用的字段列?
- 17. 如何從ExtJS網格中的rowselection獲取列名稱?
- 18. ExtJS的6網+ JSON
- 19. 如何在Extjs4.2中將Extjs網格中的組標題對焦
- 20. EXTJS 4.2和網格標題顏色
- 21. Chaning字段名的動態ExtJS的6
- 22. Extjs:如何設置網格列標題作爲默認排序列
- 23. 獲取樹面板的列標題在extjs
- 24. 如何在Foundation 6中的網格旁邊放置元素?
- 25. 如何在ExtJS面板的標題中放置下拉菜單?
- 26. EXTJS網格中的日期字段未出現/格式
- 27. 更改網格字段中的日期格式ExtJS
- 28. 如何在頁腳Kendo網格中放置字段值?
- 29. 獲取網格列的位置
- 30. 在ExtJS的網格標題中添加組合框編輯器
非常有用的,謝謝。 –