以编程方式单击Extjs中的按钮

krugob8w 于 2022-09-26 发布在其他

关注(0)|答案(4)|浏览(155)

我在Extjs应用程序中使用MVC架构。我有一个简单的按钮，它看起来像一个：

{
  xtype: 'button',
  id: 'searchButton',
  margin: '5 0',
  text: 'Search'
}

如何从这个视图中以编程方式按下它按钮？

4条答案

我认为从视图来看，模拟按钮点击不是一个好的解决方案。如果您使用MVC架构，您可以从Controller进行操作。你可能会引发一些事件，因为你的解决方案很糟糕。但如果您仍想这样做，我认为此代码将对您有所帮助：

Ext.get('searchButton').dom.click();

请在官方网站EXTjs MVC架构中阅读本文

我用这个做了同样的事情：

var ele = Ext.getCmp("searchButton");
 ele.fireEvent('click');

对于ExtJs 3.0/3.4，您可以使用

Ext.getCmp("searchButton").el.dom.click()

.el.dom为每个ExtJs对象返回实际的HTML对象…因此，一旦您到达el.dom，现在您就可以执行普通的JavaScript了…这几乎适用于所有ExtJs元素。

在controller中，仅获取元素的引用并调用click（）：

var me = this;

var refs = me.getReferences();
var save = refs.save_button;
save.click();