easyui 回车搜索

这种UI框架,在回车搜索方面有个共同的缺点。

首先因为框架是把HTML放在了同一个页面。

即你切换了tabs后按回车，原先的tabs页的键盘事件也会执行。

我做了一下处理，分享给大家。

首选：

            /* 标签页 */
            $('#page_layout_center_tabs').tabs({
                cache: false,
                onLoad: function () {
                    page_layout_center_tabs_load();
                },
                onSelect: function (title, index) {
                    document.onkeypress = undefined;    //标签切换后,清除所有键盘事件
                },

然后：

<div id="esp_indicator_index_datagrid_toolbar">
        <form id="esp_indicator_index_datagrid_form">
            <table onclick="document.onkeypress = function (key) { if (key.keyCode == 13) { esp_indicator_index_datagrid_load(); } }">
                <tr>
                    <th>指标名称:</th>
                    <td>
                        <input class="easyui-textbox" type="text" name="IndicatorName" />
                    </td>

困扰我好久了、今天抽出时间把他解决了。