完善easyui combobox自動搜尋功能
easyui combobox這個控制元件可以根據使用者輸入,自動搜尋出相應的選項。但是也有不足:中文的話,輸入一個漢子不能自動搜尋;大小寫區別;只支援前匹配;不支援隨意位置的匹配;所以這樣用起來還是讓人感覺有點不爽的;後來在jquery.easyui.min.js 中稍作改動,就可以完全避免上述三種問題:
我的easyui版本:1.3.3
改動:①在10246行,原文:}).bind("keydown.combo",function(e){;把keydown改為keyup,這樣輸入一個漢字後就可以觸發繫結事件;
②10926行,原文:return row[opts.textField].indexOf(q)==0;改為:
return row[opts.textField].toLowerCase().indexOf(q.toLowerCase()) != -1;
這樣:不區分大小寫;可以匹配任何位置;
OK。。就這樣。可以啦
相關推薦
完善easyui combobox自動搜尋功能
easyui combobox這個控制元件可以根據使用者輸入,自動搜尋出相應的選項。但是也有不足:中文的話,輸入一個漢子不能自動搜尋;大小寫區別;只支援前匹配;不支援隨意位置的匹配;所以這樣用起來還是讓人感覺有點不爽的;後來在jquery.easyui.min.js 中稍作
為jQuery EasyUI tree增加搜尋功能(一)
擴充套件jQuery EasyUI tree搜尋樹節點的方法,使其支援節點名稱的模糊匹配,將不匹配的節點隱藏。 /** * 1)擴充套件jquery easyui tree的節點檢索方法。使用方法如下: * $("#treeId").tree("se
利用easyUI的combobox打造自動搜尋提示功能
自動提示是時下一個很流行的功能,比如說百度、谷歌的搜尋輸入框都使用到了這麼一個功能。 由於easyUI的combobox設計師已經考慮到了這個功能,所以只需簡單幾步我們可以輕鬆打造自己的自動提示元件。 自動提示有兩種模式,一種是本地(local)一種是遠端的(remo
【easyui-combobox】下拉菜單自動補全功能,Ajax獲取遠程數據源
combo -c -o efi 字段 data app script resp 這個是針對easyUI的下拉菜單使用的,Ajax獲取遠程數據源 HTML 頁面 <input id="uname" name="uname" class="easyui-combo
(GoRails)在導航欄增加一個global自動的搜尋功能。
Global Autocomplete Search EasyAutocomplete jQuery外掛。 https://github.com/pawelczak/EasyAutocomplete http://easyautocomplete.com/guide#sec-data-file &
easyUI 的easyui-treegrid 搜尋功能實現。
function searchUserFun() { var keywords = $('#memID').val(); alert(keywords); var url = encodeURI('/member/showTreeReconned?us
easyUI combobox 文字框模糊搜尋問題
優點:ajax 非同步獲取資料,動態繫結,支援半模糊查詢(順序查詢) 缺點:不支援純模糊查詢 上圖: html 頁面程式碼 <input class="easyui-
[thinkPHP5專案實戰_29]前臺首頁和文章搜尋功能完善
1. 首頁功能 首頁展示出所有文章,因此需要單獨處理,首先在後臺將首頁的欄目刪除,並將首頁欄目下的文章移到其他欄目或者刪除; 在頭部導航header.html單獨對首頁進行處理; <div class="blog-masthead"> <div class="c
實現input移動端自動獲取焦點以及數字鍵盤搜尋功能
最近專案中需要做一個搜尋功能,其中就有自動獲取焦點以及數字鍵盤快捷搜尋,下面就跟大家分享一下我的實現方法:首先跳轉到搜尋頁面input自動獲取焦點,按常規寫法就是加個autofocus或者頁面載入完成後立即給input加個focus()方法,但是這樣進入頁面的時候焦點會自動消
Elasticsearch實現類似百度的搜尋引擎搜尋功能(下拉自動補全)
{ "refresh_interval":"3s", "number_of_replicas":1, "number_of_shards":5, "analysis":{ "filter":{ "autocomplete_filter":{ "type":"
Angular_專案完善搜尋功能(表單處理)
在商品名稱和商品價格以及商品類別都輸入或者選擇合法的情況下才能進行搜尋。 一.product.service.ts新增一個新的方法,獲取所有商品類別 getAllCategories():string[]{ return ["電子產品",
EasyUi模糊匹配搜尋框combobox
現在專案當中很多已經應用了Jquery-easyUi這個介面框架了,所以,學習一點easyUI的常用工具就顯得很重要了,現在介紹的就是我在專案中用到的easyUi的模糊匹配組合框combobox. combobox這個工具可以在使用者輸入一點前面的資料就會快速的查詢出符合當
easyui之 combobox自動補全(多選)
1、easyui的combobox組建設定multiline和multiple兩個屬性為true時,表示可以多選; 2、預設,combobox多選想之間是通過英文的逗號“,”隔開的,即在文字框中輸入英
Android 類似淘寶 電商 搜尋功能,監聽軟鍵盤搜尋事件,延遲自動搜尋,以及時間排序的搜尋歷史記錄的實現
最近跳槽去新公司,接受的第一個任務是在 一個電商模組的搜尋功能以及搜尋歷史記錄的實現。 需求和淘寶等電商的功能大體差不多,最上面一個搜尋框,下面顯示搜尋歷史記錄。在EditText裡輸入要搜尋的關鍵字後,按軟鍵盤的搜尋按鍵/延遲xxxxms後自動搜尋。然後將搜尋的內容展示給
基於SSM框架實現Ajxa實現搜尋自動提醒功能
SearchUserByAjax.jsp<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUB
文字框(Textbox)和下拉框(Combobox)自動聯想功能的實現
怎樣使自己程式中的文字框或下拉框具有像百度和Google那樣的自動聯想功能?微軟的TextBox和Combobox控制元件為我們提供了簡便方法。 首先需要學習TextBox(或Combobox)的兩個屬性,一個屬性是AutoCompleteMode,指定控制元件中使用的自動
easyui Datagrid+searchbox 實現搜尋功能
說明:採用了ssh架構 這是搜尋前的介面: 這是根據使用者名稱搜尋後出現的搜尋結果: 1.前臺頁面: <%@ page language="java" pageEncoding="utf-8" isELIgnored="false"%> <% S
Android專案類似淘寶 電商 搜尋功能,監聽軟鍵盤搜尋事件,延遲自動搜尋,以及時間排序的搜尋歷史記錄的實現
最近跳槽去新公司,接受的第一個任務是在 一個電商模組的搜尋功能以及搜尋歷史記錄的實現。 需求和淘寶等電商的功能大體差不多,最上面一個搜尋框,下面顯示搜尋歷史記錄。在EditText裡輸入要搜尋的關鍵字後,按軟鍵盤的搜尋按鍵/延遲xxxxms後自動搜尋。然後將搜尋
EasyUI combobox下拉列表實現搜尋過濾(模糊匹配)
專案中的某個下拉列表長達200多個項,這麼巨大的數量一個一個找眼鏡都得看花,於是就得整了個搜尋功能。看網上別人帖子有隻能字首匹配的方案,但只能字首匹配的話用起來也不是很方便。於是就記錄一下模糊匹配的方案。 實現效果: 這裡使用的是combobox組合框,對於combobox的建立可以使用<i