blocks|key|217543|text|或者，如果你有一个MVC结构，你可以触发按钮的click事件，如果你正在监听控制器中的事件，并且有一个相关的函数，它将被调用。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|217544|button.fireEvent('click',+button);|code-block|syntax|javascript|217545|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Or if you have an MVC structure you can fire the click event of the button, and if you're listening to the event in your controller and have an associated function it will get called.

<pre><code>button.fireEvent('click', button);
</code></pre>

blocks|key|219718|text|这个论坛上的最后一个答案可能会给你更多关于如何做到这一点的洞察力，他们是-|type|unstyled|depth|inlineStyleRanges|entityRanges|data|219719|1)Create+the+event+code+in+a+function+and+call+the+function+from+both+sides:+btn.on("clic",+...)+and+from+the+code+you+want+to+simulate+the+click.

2)Use:+btnView.btnEl.dom.click();|code-block|syntax|javascript|219720|发件人-+http://www.sencha.com/forum/showthread.php?37772-Solved-Programmatically-click-an-Ext.Button|offset|length|219721|entityMap|0|LINK|mutability|MUTABLE|url|http://www.sencha.com/forum/showthread.php?37772-Solved-Programmatically-click-an-Ext.Button^0|0|0|5|2K|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@$I|V|J|W|1|X]]|A|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

The last answer on this forum might give you more insight on how you can do that 
here they are-

<pre><code>1)Create the event code in a function and call the function from both sides: btn.on("clic", ...) and from the code you want to simulate the click.

2)Use: btnView.btnEl.dom.click();
</code></pre>

from -
<a href="http://www.sencha.com/forum/showthread.php?37772-Solved-Programmatically-click-an-Ext.Button">http://www.sencha.com/forum/showthread.php?37772-Solved-Programmatically-click-an-Ext.Button</a>

blocks|key|3077930|text|ExtJS+4.2.1|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3077931|Ext.get('component-id-of-extjs-button').el.dom.click();
Ext.get('toggle-button2').el.dom.click();|code-block|syntax|javascript|3077932|这对我很有效。|3077933|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

ExtJS 4.2.1

<pre><code>Ext.get('component-id-of-extjs-button').el.dom.click();
Ext.get('toggle-button2').el.dom.click();
</code></pre>

works for me.

blocks|key|214675|text|如果是使用handler的按钮，可以直接调用button的函数。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|214676|考虑到button是一个Ext组件，您可以使用：|offset|length|style|CODE|214677|+++button.handler(button);+|code-block|syntax|javascript|214678|或者，如果你想达到事件‘click’的功能：|214679|+++button.listeners.click(button);|214680|这也适用于调用不同的按钮事件。|214681|entityMap^0|0|3|6|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|V|8|@$D|W|E|X|F|G]]|9|@]|A|$]]|$1|H|3|I|5|J|7|Y|8|@]|9|@]|A|$K|L]]|$1|M|3|N|5|6|7|Z|8|@]|9|@]|A|$]]|$1|O|3|P|5|J|7|10|8|@]|9|@]|A|$K|L]]|$1|Q|3|R|5|6|7|11|8|@]|9|@]|A|$]]|$1|S|3|-4|5|6|7|12|8|@]|9|@]|A|$]]]|T|$]]

In case of buttons using handler, you can directly call the function of button. 

Considering <code>button</code> is an Ext JS component, you can use:

<pre><code> button.handler(button); 
</code></pre>

or if you want to reach a function of event 'click':

<pre><code> button.listeners.click(button);
</code></pre>

That would also work to call different button events.

blocks|key|218098|text|因为我在许多按钮上都需要它，所以在button类上实现覆盖会更容易，它添加了一个click函数：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|218099|Ext.define('Ext.override.Button',{
++++override:'Ext.button.Button',
++++click:function()+{
++++++++this.getEl().dom.click();
++++}
})|code-block|syntax|javascript|218100|在将此覆盖添加到代码库中后，以下代码的效果很好：|218101|Ext.getCmp("MyButton").click()|218102|与fireEvent或fireHandler不同的是，这将适用于所有类型的按钮-无论它们是否具有单击事件或处理程序，或者它们是否为切换按钮，其中单击的按钮也必须标记为已按下。|218103|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

Since I needed it for many buttons, it was easier to implement an override on the button class, which adds a click function:

<pre><code>Ext.define('Ext.override.Button',{
 override:'Ext.button.Button',
 click:function() {
 this.getEl().dom.click();
 }
})
</code></pre>

After this override has been added to the code base, the following works like a charm:

<pre><code>Ext.getCmp("MyButton").click()
</code></pre>

Unlike fireEvent or fireHandler, this will work with all kinds of buttons - no matter whether they have a click event or a handler, or whether they are toggle buttons where the clicked button has to be marked as pressed also.

blocks|key|3077952|text|如果您需要执行按钮的“处理程序”，只需运行以下命令(使用ExtJS+4.2进行了测试)|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3077953|button.fireHandler()|code-block|syntax|javascript|3077954|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

If you need to execute the "handler" of the button, just run this (tested with ExtJS 4.2)

<pre><code>button.fireHandler()
</code></pre>

blocks|key|217534|text|如果您想在测试脚本中执行此操作，请查看我的Ext.ux.Test+library。如果你需要它来做其他的事情，我建议你重新考虑你的方法。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|217535|entityMap|0|LINK|mutability|MUTABLE|url|https://market.sencha.com/users/30/extensions/121^0|L|J|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

If you want to do this in your test scripts, take a look at my <a href="https://market.sencha.com/users/30/extensions/121" rel="nofollow">Ext.ux.Test library</a>. If you need it for something other, I would suggest reconsidering your approach.

blocks|key|217611|text|其他的答案对我都不起作用，但我找到了更简单的答案：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|217612|var+button=Ext.get('the_id_div');
button.dom.click();|code-block|syntax|javascript|217613|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

None of the other answers worked for me, but i found something simplier i think :

<pre><code>var button=Ext.get('the_id_div');
button.dom.click();
</code></pre>

blocks|key|3078014|text|+document.getElementById("someButtonId").click();+|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|3078015|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code> document.getElementById("someButtonId").click(); 
</code></pre>

ExtJS 4.1.

Is there something like <code>Ext.button.click();</code> method on Ext.button class?

Is it possible to programmically "click" a button with one method?

Ext.button click() method

ExtJS 4.1.在Ext.button类中有类似Ext.button.click();方法的东西吗？用一种方法编程“点击”一个按钮是可能的吗？

问单击Ext.button ()方法
EN

回答 9

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问单击Ext.button ()方法EN

回答 9

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问单击Ext.button ()方法
EN