---
title: "Grid 新增编辑保存"
description: "Grid、Panel 和 Window 三种基础新增、编辑、保存流程。"
---

> Documentation Index
> Fetch the complete documentation index at: https://ag.879818327.xyz/llms.txt
> Use this file to discover all available pages before exploring further.

# Grid 新增编辑保存

## Grid三种新增编辑保存

### 可编辑表格 新增 编辑 保存

``` javascript
//新增
Wb.add(app.grid1, [{field: 'foo'}, {field: 'bar'}]);//多个选项
Wb.addEdit(app.grid1, {field: 'foo'});//单个
//删除
var recs = app.grid1.getSelection();
if (!recs.length) {
  Wb.warn('请选择需要删除的记录。');
  return;
}
Wb.confirm('确定要删除选择的 ' + recs.length + ' 条记录吗？', function(){
Wb.remove(app.grid1, recs);
});
//保存
if (!Wb.verifyGrid(app.gridFee))
  return;
Wb.requestAg({
  params: {
datatable: [Wb.getModified(app.gridFee)],
className: "com.ag.web.pojo.FeeDetail",
insertSql: "resources/web.FeeDetailMapper.insert",
deleteSql: "resources/web.FeeDetailMapper.deleteByPrimaryKey",
updateSql: "resources/web.FeeDetailMapper.updateByPrimaryKeySelective",
bean: "comBean",
method: "saveGrid" //业务方法名 
  },
  success: function(resp) {
  //同步更新后的数据
Wb.syncCreate(app.cntrGrid, Wb.decode(resp.responseText));
app.searchItem.fireEvent('click');
Wb.tip('保存成功');
  }
});
```

### Panel 新增 编辑 保存

``` javascript
//新增
Wb.add(app.grid1, [{field: 'foo'}, {field: 'bar'}]);//多个选项
Wb.addEdit(app.grid1, {field: 'foo'});//单个
//编辑
Wb.setVlue(app.panel);
//保存
Wb.requestAg();
//删除
var recs = app.grid1.getSelection();
if (!recs.length) {
  Wb.warn('请选择需要删除的记录。');
  return;
}
Wb.confirm('确定要删除选择的 ' + recs.length + ' 条记录吗？', function(){
Wb.remove(app.grid1, recs);
});
```



### Win 新增 编辑 保存

``` javascript
// 新增
app.win.show();
app.win.setIconCls('record_add_icon');
Wb.setTitle(app.win, '添加');
app.isNew = true;
//编辑
var rec = app.grid1.getSelection()[0];
if (!rec) {
  Wb.warn('请选择 1 条需要修改的记录。');
  return;
}
app.win.show();
app.win.setIconCls('record_edit_icon');
Wb.setTitle(app.win, '修改');
Wb.setValue(app.win, rec.data);
app.editRec = rec;
app.isNew = false;
//删除
var recs = app.grid1.getSelection();
if (!recs.length) {
  Wb.warn('请选择需要删除的记录。');
  return;
}
Wb.confirm('确定要删除选择的 ' + recs.length + ' 条记录吗？', function(){
Wb.remove(app.grid1, recs);
});
//保存  弹框 ok方法
Wb.requestAg({
 params:{
   tTeacherData: Wb.getValue(win),//数据
   bean: "TTeacherController",//controller类名
   method: "saveMethod" //业务方法名 
 },
success:function(res){
  win.close();
  app.findBtn.fireEvent('click');//刷新页面
  Wb.tip('修改成功');
}
  });
```

Source: https://ag.879818327.xyz/webbuilder/gridcuda/index.mdx