為提高頁面的輸入效率，自動補齊功能必不可以少。
那麼要怎麼去實現呢？
1：輸入零件編碼。根據輸入的編碼，智慧型提示。
2：使用者選擇提示項，帶出零號名稱，零件**。
3：修改時，如零件編碼匹配不到內容時，清除零件名稱，**。
原因：
1：功能齊全，自定義性強。
2：可控，自己可以修改。
3：githup star 多。相信大眾的眼光吧。。
1：零件資料量大，並且經常變數動，考慮使用ajax資料來源。
2：根據使用者的使用習慣，使用左匹配，一步一步補齊。
3: 效能的需要，每次只顯示10條提示，並且快取（外掛程式自帶支援）。
1：jquery，使用專案的jquery即可，試過版本 1.8 和 1.11試過都是沒有問題 的。
2: jquery-autocomplete-master/content/script/jquery.autocomplete.js
3：jquery-autocomplete-master/content/styles.css 檔案引入。
service:
// 零件查詢列表(分頁)
@apioperation
(value =
"零件查詢"
, notes =
"零件查詢"
)(path =
"/getparts"
, method = requestmethod.get)
public list
getparts
(@requestparam
(name =
"partcode"
, required =
false
) string partcode
)}return rs;
}
public
class
partwarp
implements
serializable
public
void
setpartcode
(string partcode)
public string getpartname()
public
void
setpartname
(string partname)
public double getprice()
public
void
setprice
(double price)
}
這裡使用mybatis plus實現的，關鍵是例項 sql 裡的 like ? + '%'（例如： select * from part where part_code like '100%'）。
@override
public list
getpartlst
(string partcode)
orderbyasc
("material");
last
("limit 20");
list
selectlist
;return result;
}
關鍵的地方都加了注釋了。
//初始智慧型補齊文字
intsearchtext:
function
(dom);}
)};}
,//輸入全匹配 或者 手動選擇提示項 事件，可以在這裡做匹配完成的動作。
onselect:
function
(suggestion)
, onhint:
function
(hint)
,//未匹配時觸發，作用：在當輸入內容變動時清除關聯內容
oninvalidateselection:
function()
});}
);},
框架有使用jquery ui的同學注意了，因為 autocomplete 擴充套件方法已經存在了。可以重新命名或者直接使用devbridgeautocomplete 。
擴充套件方法重新命名，加上自己的烙印。如下：
技術選型與設計
作為乙個畢業不到一年的程式設計小白，前段時間參與了乙個準實時資料處理的專案 在這個專案中我獨自負責sql轉化中介軟體開發的任務 在接到這個任務的時候，即是興奮又是忐忑 興奮是自己能獨自負責一塊重要的東西，忐忑的是自己負責的是這次專案的核心部分，怕自己能力尚淺 事實證明，這兩樣我都說對了 開工第一天，...
前端頁面重新整理與跳轉
a標籤裡面的重新整理方式 1 返回前兩頁 5 過載頁面，本地重新整理 7 停止跳轉 停止跳 ie瀏覽器用document.execcommand stop chrome和firefox用window.stop 區域性重新整理 table table 是需要重新整理的框架id refresh box ...
前端頁面與Nodejs使用websocket通訊
不要用瀏覽去直接去訪問websocket的位址！不要用瀏覽去直接去訪問websocket的位址！不要用瀏覽去直接去訪問websocket的位址！太傻了。就是頁面和服務端有個隱藏的通訊而已。前端1 例項化乙個ws物件 var wsuri ws websocket new websocket wsuri...