1
我有一個在slickGrid自動完成文本框的編輯器。 這看起來(簡體)是這樣的:在slickGrid中的jQuery自動完成setWidth的建議
function AutoCompleteEditor(args) {
var $input;
this.init = function() {
$input = $("<INPUT id='tags' class='editor-text' />");
$input.appendTo(args.container);
$input.bind("keydown.nav", function (e) {
if (e.which === $.ui.keyCode.LEFT || e.which === $.ui.keyCode.RIGHT) {
e.stopImmediatePropagation();
}
if((e.which === $.ui.keyCode.DOWN) || (e.which === $.ui.keyCode.UP)){
e.stopImmediatePropagation();
}
if(e.which === $.ui.keyCode.RETURN){
e.stopImmediatePropagation();
}
})
$input.focus().select();
$input.autocomplete({
minLength: 2,
autoFocus: true,
source: function(request, response) {
.....
},
focus: function(event, ui) {
return false;
},
select: function(event, ui) {
event.target.value = ui.item.label;
return false;
},
open: function(event, ui) {
$(this).autocomplete("widget")
.find("ui-menu-item-alternate")
.removeClass("ui-menu-item-alternate")
.end()
.find("li.ui-menu-item:odd a")
.addClass("ui-menu-item-alternate");
},
appendTo: args.container,
width: 500,
});
};
現在,我有2個問題:
1)建議名單只是比編輯欄中有點窄。但我希望它甚至更寬 - 可能與其中最寬的項目一樣寬
2)我禁用了輸入字段的向上和向下箭頭鍵,但它沒有關注列表,以便箭頭可以選擇建議項目。
任何想法我的代碼有什麼問題?
感謝所有幫助
對不起的CSS,我無法重現你在這裏做什麼。 顯然,您正在捕捉菜單中的按鍵。但我認爲我的焦點停留在編輯字段中(這可能是對的,因爲我可能要重新鍵入)。 我需要趕上編輯框(我這樣做)的上下箭頭鍵,並選擇下一個或上一個建議。爲此,我找不到功能 – user1596343 2012-08-17 09:48:15