2010年12月25日 星期六

解決jquery Editable Combobox (jec) 無法輸入中文修改方式

jec.js 可以讓 select - option  增加使用者自行輸入功能，並且將輸入的資料加到List中，但是從 http://stuff.rajchel.pl/jec/ 下載下來的 jquery.jec.js 並無法輸入中文，必須自行修改 jquery.jec.js 內容，找到檔案中(就在檔案前面而已)：

defaults = {
position: 0,
ignoreOptGroups: false,
maxLength: 255,
classes: [],
styles: {},
optionClasses: [],
optionStyles: {},
triggerChangeEvent: false,
focusOnNewOption: false,
useExistingOptions: false,
blinkingCursor: false,
blinkingCursorInterval: 1000,
ignoredKeys: [],

acceptedKeys: [[32, 65535]] //126], [191, 382]]

};

原來 acceptedKeys: [[32, 126], [191, 382]] 所以只接受英文字母，但中文字的keyCode為兩Bytes，最大可到65535，只要調整成 acceptedKeys: [[32, 65535]] 就可以輸入中文字。

要使用 jec，只要引入 jQuery.j, jQuery.jec.js，並且在<head></head>中加入

 $(function () { $('#cbonam_doc').jec(); });

即可讓 select 變成可手動輸入!
標籤： , , ,

沒有留言:

張貼留言

訂閱： 張貼留言 (Atom)