参考数据新增编程，修改编程也同样的简单，重点仍然是在修改界面的控件排布上
新增角色界面的窗口为window_add_role，修改角色界面的窗口命名为window_edit_role
和window_add_role不同的是，window_edit_role在显示后需要加载指定ID的角色的数据，所以不能直接调用show方法
打开window_edit_role的方法是调用封装的方法，即显示了窗口，又调用了窗口的FormPanel的load方法加载数据，还需要传入角色的ID作为参数
编辑按钮的Command封装是这样的
<Command label="编辑" image="icon-edit" command="FormHandler.showData(window_edit_role, '{id}');" />对于编辑数据，传统的进入方法有以下几种：
1、在数据的查看信息页面点编辑按钮
2、在列表页面，选中一行数据（通常使用选中模式或radiobutton），然后点工具栏上的编辑按钮
3、在列表页面，每行数据后面跟一个编辑按钮
C/S模式较多采用前面两种，B/S模式采用第3种比较合适
ExtFrame里对Grid的封装支持了第3种模式，把Command封装到操作列（参见Grid相关章节），这样，支持在行上对每行数据进行编辑、删除操作以及其它业务封装
在弹出的编辑窗口里，同样需要加载工具条上的按钮
编辑窗口的工具条是这样配置的：
<CommandList name="editrole" moniker="Role" description="保存角色数据"> <Command label="保存" image="icon-save" command="FormHandler.doUpdate(window_edit_role);" /> <Command label="关闭" image="icon-close" command="window_edit_role.hide();" /> </CommandList>一般编辑窗口的控件配置基本和添加页面相同，除了有部分字段可能不允许修改，有部分字段不允许显示
角色编辑的控件项是这样的：
items: [ { xtype: 'hidden', id: 'window_edit_role_flag' }, { fieldLabel: '角色代码', name: 'Role.ID', maxLength: 30, disabled: true }, { fieldLabel: '角色名称', name: 'Role.Name', allowBlank: false, maxLength: 30, blankText: '角色名称不能为空' }, { fieldLabel: '角色描述', name: 'Role.Description', allowBlank: true, maxLength: 100 }],flag的id和新增对话框不一样（这个flag id必须是唯一的），角色代码禁止编辑
和新增功能一样，修改对话框需要在第一次显示页面时创建操作
listeners: { show: function() { if (!this.ready) { CommonButtonBuilder.buildToolbar(editrolebar, 'editrole'); this.ready = true; } },角色的查询页面显示是这样的：
点击某一行的编辑按钮后显示时这样的：
点击保存后保存数据并关闭
和新增功能同样发现有个问题，保存后查询结果未刷新，可以通过在配置的doUpdate方法里增加成功后的回调函数解决
<Command label="保存" image="icon-save" command="FormHandler.doUpdate(window_edit_role, 'rolegrid.read();');" />和新增功能一样，如果后台保存没有特殊逻辑，可以使用默认的DataHandler的保存功能，无需再编写服务器端代码
转载于:https://www.cnblogs.com/zuxOK/archive/2012/05/16/2503425.html
相关资源：数据结构—成绩单生成器