MySQL 表管理与内容管理:Ext JS 实战指南
1. MySQL 表管理
在管理 MySQL 表时,我们可以通过简洁的代码实现各种操作,并且让代码具有通用性,为所有静态数据网格面板提供相同的功能。
1.1 添加新记录
在每个静态数据网格面板的工具栏上,有一个“添加”按钮。当点击该按钮时,我们要在存储中添加一个新模型,并开启编辑功能,方便用户填写值以便后续保存。
操作步骤如下:
1. 监听“添加”按钮的点击事件:
"staticdatagrid button#add": {
click: this.onButtonClickAdd
}
- 实现
onButtonClickAdd
方法:
onButtonClickAdd: function (button, e, options) {
var grid = button.up('staticdatagrid'),
store = grid.getStore(),
modelName = store.getProxy().getModel().modelName,
cellEditing = grid.getPlugin('cellplugin');
store.insert(0, Ext.create(modelName, {