Как закрепить выпадающее меню в jqGrid jqueryui автозаполнение - PullRequest
2 голосов
/ 18 июля 2011

Текстовое поле jqGrid содержит автозаполнение пользовательского интерфейса jQuery.

Я попытался добавить кнопку, чтобы открыть ниже комбинированный код, основываясь на великолепном ответе Олега в Добавить несколько элементов ввода в поле пользовательского типа редактирования .

Если раскрывающееся меню открыто и jqgrid прокручивается, положение раскрывающегося меню не изменяется.

dropdown menu does not move with combobox on scroll

Как привязать раскрывающееся меню к текстовому полю, чтобы оно оставалось вугол текстового поля при прокрутке?

  {"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;
    }
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...