Ext4 Grid中点击按钮使用rowedit新建记录+取消删除新建的记录

最新推荐文章于 2025-01-09 11:51:32 发布

原创

最新推荐文章于 2025-01-09 11:51:32 发布 · 2.4k 阅读

文章标签：

#ext #function #callback #数据库 #server #date

这篇博客介绍了在Ext4 Grid中如何实现点击按钮新建记录并保存到数据库，以及在点击取消时删除新建记录的功能。关键点包括设置phantom属性标记未上传记录，覆盖cancelEdit()函数以避免无限循环，以及在更新操作中使用回调函数处理数据交互。

预期效果如下：

1、点击“新文件按钮”新增一条默认记录

2、点击update写入数据库，清空dirty标记，并将返回的id写入store

3、点击cancel删除新增的记录

需要注意一下几点：

1、新增的记录是采用phantom属性标记的，phantom==true为未上传记录，点击cancel时删除

2、rowedit未提供cancel按钮事件，需要覆盖cancelEdit()函数

3、grid加载的时候会触发rowedit的cancelEdit()，删除行的时候也会触发……（这到底是为了什么？？？？bug！！）所以必须有标志位控制，否则会导致无限循环。

方法如下：

var newSignal='normal';

1、grid上加入按钮，加入点击事件，注意打好标志位，否则会导致重复点击，用rowedit的editing当标志位也ok，但下一个也要用，所以这个标记有3个状态，暂时就这样写。

  
  
  
   
   
   
   dockedItems: [{
  xtype: 
   
   
   '
   
   
   toolbar
   
   
   '
   
   
   ,
  cls: 
   
   
   '
   
   
   x-docked-noborder-top
   
   
   '
   
   
   ,
  items: [{
          text: 
   
   
   '
   
   
   新文件
   
   
   '
   
   
   ,
          iconCls: 
   
   
   '