javascript - 我如何在保存按钮 extjs4 上设置加载？

Question

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

buttons:[{ 
   text: save,
   handler: function(){ 
      form.submit({ 
          /sucess or failure code here; 
      }) 
   }
}]

Answer 1

• 首先，您需要一个具有适当大小的“等待图标”的 gif 文件。
• 然后为处于等待状态的“保存”按钮创建一个 CSS 类。例如：

.保存等待{
    背景图像：url（“url-to-your-waiting-gif-file”）；
}

• 最后在提交表单时切换保存按钮以包含此类：

    saveButton.addCls('保存等待');
    // 可以在这里禁用保存按钮

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

saveButton.removeCls('保存等待');