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

Question

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

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

Answer 1

• 首先，你需要一个gif文件，用于“等待图标”，大小合适。
• 然后在等待状态下为“保存”按钮创建一个css类。例如：

.save-waiting {
    background-image: url("url-to-your-waiting-gif-file");
}

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

    saveButton.addCls('save-waiting');
    // may disable the save button here

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

saveButton.removeCls('save-waiting');