Текстовое поле jqGrid содержит автозаполнение пользовательского интерфейса jQuery.
Я попытался добавить кнопку, чтобы открыть ниже комбинированный код, основываясь на великолепном ответе Олега в Добавить несколько элементов ввода в поле пользовательского типа редактирования .
Если раскрывающееся меню открыто и jqgrid прокручивается, положение раскрывающегося меню не изменяется.
Как привязать раскрывающееся меню к текстовому полю, чтобы оно оставалось вугол текстового поля при прокрутке?
{"name":"Custtype","edittype":"custom","maxlength":15,
"editoptions": {"custom_element":function(value, options) {
return combobox_element(value, options,'24','Klliik0_nimetus','Klient')}
,"custom_value":function(elem, operation, value) {
return $("input", $(elem)[0]).val();
}
}
}
function combobox_element(value, options, width) {
var elemStr = '<div><input style="width:' + width + 'px" value="' +
value + '"/>' +
'<button type="button" style="height:16px;vertical-align:center" class="ui-icon-triange-1-s" style="margin-left:-1px" tabindex=-1/></div>';
var newel = $(elemStr)[0];
var input = $("input", newel);
input.autocomplete({
source: 'AutoComplete',
position: { collision: 'flip flip' }
}
)
.autocomplete('widget').css('font-size', '12px');
return newel;
}
index.aspx содержит стиль из Фиксированное поле поиска с предложениями автозаполнения , но раскрывающееся меню не перемещается с текстовым полем, если jqgrid прокручивается вертикально.
<style>
.ui-autocomplete
{
max-height: 300px;
overflow-y: auto; /* prevent horizontal scrollbar */
overflow-x: hidden; /* add padding to account for vertical scrollbar */
padding-right: 20px;
z-index: 99999;
position: fixed;
top: 0px;
margin: 20px 0px 0px 0px; /* The top margin defines the offset of textbox */
}
/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
* html .ui-autocomplete
{
height: 100px;
}