我如何在保存按钮 Extjs4 上设置加载

how i set loading on save button extjs4?

本文关键字:Extjs4 设置 加载 按钮 保存      更新时间:2023-09-26

嗨,当我在表单未提交时单击显示加载图标时,我有保存按钮并提交表单。请帮助我,在分机 4 中。

buttons:[{ 
   text: save,
   handler: function(){ 
      form.submit({ 
          /sucess or failure code here; 
      }) 
   }
}]
  • 首先,您需要一个具有适当大小的"等待图标"的 gif 文件。
  • 然后,为处于等待状态的"保存"按钮创建一个css类。例如:
.save-wait {    背景图片:网址("url-to-your-waiting-gif-file");}
  • 最后,切换"保存"按钮以在提交表单时包含此类:
   saveButton.addCls('save-waiting');    可以在此处禁用保存按钮

成功响应提交后,您删除按钮上的"等待状态"或其他内容

saveButton.removeCls('save-waiting');