So, I have a login controller, you can click login with mouse or press Enter key, like this:
Ext.define('My.controller.Login', {
extend: 'Ext.app.Controller',
init: function(application) {
this.control({
"#idLogin button": {click: this.onButton},
"#idLogin form > *": {specialkey: this.onKey}
});
},
onButton: function(button, e, eOpts) {
var win = button.up('window'); // the login window
//do more stuff...
},
onKey: function (field, el) {
if (el.getKey() == Ext.EventObject.ENTER) //ENTER key performs Login
Ext.getCmp('#idLogin button').fireEvent('click');
}
});
I realised when I use the mouse to click the Login button, onButton function works properly, button.up() returns me the Login window.
However, if I pressed Enter key and fires the onKey function to do fireEvent('click'), in this case the onButton fires up but parameter button NOT the same as the button parameter received when you click by mouse! And this time, button.up() function is undefined.
Question is, why does fireEvent('click') give me a different button parameter?
解决方案
You must use the fireEvent function like that:
var myBtn = Ext.getCmp('#idLogin button');
myBtn.fireEvent('click', myBtn);
Give it a try.

I have 2 dropdown lists, the first one goes as follows :
{section name=jj loop=$jezyki}
{$jezyki[jj].name}
{/section}
the second one is downloaded from google server, it is a google translate widget.
What i need is when the user clicks on option from the first dropdown, script should change the value of the widget dropdown list AND trigger the click function to actually translate the page.
function changeLang(someth){
var nLang = someth.value;
//$(".goog-te-combo option").val(someth.value);
//  $(".goog-te-combo").trigger('click');
$(".goog-te-combo option[value="+nLang+"]").prop('selected',true).click();
}
the snippet above changes the value. I can see, for example, english selected, but still it does not translate the page
解决方案
You need to dispatch onchange event:
function changeLang(someth) {
var nLang = someth.value,
evt = document.createEvent("HTMLEvents");
evt.initEvent("change", false, true);
$('.goog-te-combo').val(nLang)[0].dispatchEvent(evt);
}

一、这里面包含οnchange="changeEvent(this)"和οnclick="addEmployeeLabelFunc();"两个事件。
<tr>
            <th width="30%"><b>*</b>员工标签：</th>
            <td width="20%">
                <select id="employeeLabelId" name="employeeInfo.employeeLabelId" onchange="changeEvent(this)">
                    <option value="">请选择</option>
                    #foreach($employeeLabel in $employeeLabelList)
                        <option value="$employeeLabel.labelId" #if($employeeInfo.employeeLabelId==$employeeLabel.labelId)
                                selected #end >$employeeLabel.name</option>
                    #end
                </select>
            </td>
            <td width="10%">
                <button type="button" onclick="addEmployeeLabelFunc();">添加标签</button>
            </td>
            <td id="recommendPerson" width="30%">
            </td>
        </tr>
        <tr id="selectEmployeeLabel"></tr>
        <tr id="tomorrowStar"></tr>

1、οnchange="changeEvent(this)"的作用是当选中的下拉项id=$!tomorrowStar.labelId时候，出现一个“选择推荐人”按钮。
function changeEvent(obj) {
            if (obj.value == '$!tomorrowStar.labelId') {
                var tomorrow = '$!tomorrowStar.labelId'.value;
               $(obj).parent("td").parent("tr").find("#recommendPerson").append("        " +
                        "<td id=\"entryType\">\n" +
                        "        <input value=\"选择推荐人\" style=\"width: 70px\" type=\"button\" class=\"small-width-btn\" οnclick=\"Employee.selectEmployee(this)\">\n" +
                        "</td>\n" +
                        "        <td>\n" +
                        "            \n" +
                        "            <input type=\"text\" style=\"width: 55px\" name=\"recommendEmployeeName\" id=\"recommendEmployeeName\" value=\"\" readonly>\n" +
                        "            <input type=\"hidden\" name=\"recommendEmployeeId\" id=\"recommendEmployeeId\" value=\"\">\n" +
                        "        </td>");
            } else {
                $(obj).parent("td").parent("tr").find("#recommendPerson").empty();
            }
        }

2、οnclick="addEmployeeLabelFunc();"的作用是点击这个按钮，在id=“selectEmployeeLabel”前面弹出一个相同的下拉框。
function addEmployeeLabelFunc() {
            $("#selectEmployeeLabel").before("<tr>\n" +
                    "       <th width=\"30%\"><b>*</b>员工标签：</th>\n" +
                    "       <td width=\"20%\">\n" +
                    "               <select id=\"employeeLabelId\" name=\"employeeInfo.employeeLabelId\" οnchange=\"changeEvent(this)\">\n" +
                    "               <option value=\"\">请选择</option>\n" +
                    "       #foreach($employeeLabel in $employeeLabelList)\n" +
                        "               <option value=\"$employeeLabel.labelId\" #if($employeeInfo.employeeLabelId==$employeeLabel.labelId)\n" +
                            "       selected #end >$employeeLabel.name</option>\n" +
                        "       #end\n" +
                    "  </select>\n" +
                    "             </td>)\n" +
                    "       <td width=\"20%\">\n" +
                    "       <button type=\"button\" οnclick=\"deleteLabel(this);\">删除标签</button>\n" +
                    "            </td>)\n" +
                    "<td id=\"recommendPerson\"></td>" +
                    "        </tr>");
        }