Применить метку к выпадающему списку строк в jqgrid

Question

Параметр списка строк в jqgrid - это массив целых чисел, который он использует для построения раскрывающегося списка; пользователь делает выбор из выпадающего списка, чтобы указать, сколько строк будет отображаться на странице. Но рядом с выпадающим меню нет ярлыка, чтобы сообщить пользователю, для чего он нужен. Кто-нибудь придумал опрятное решение поставить пояснительный текст рядом с этим выпадающим списком?

Answer 1

Также защитная логика, как упомянуто выше, может быть реализована следующим образом:

//declare a class level boolean variable as below and then 
//the following logic in the above code
var isPagesizelabelPopulated = false;

if (!isPagesizelabelPopulated)
    {
      $('.ui-pg-selbox').closest("td").before("<td dir='ltr'>Page size</td>");
      isPagesizelabelPopulated=true;
    }

Answer 2

jQuery("#<pager> .ui-pg-selbox").closest("td").before("<td dir='ltr'>No. Of Rows </td>");

Где <pager> - идентификатор пейджера сетки.

Answer 3

Внутри метода load complete написание приведенного ниже кода сработало для меня, что соответствует вышеуказанному подходу.

loadComplete: function () {
// some other code here
$('.ui-pg-selbox').closest("td").before("<td dir='ltr'>Page size</td>");
}

где ui-pg-selbox относится к выпадающему списку строк в сетке.

Answer 4

решение для: «Проблема с этим методом в том, что каждый раз, когда они выполняют какое-то действие с сеткой, он добавляет еще один« размер страницы »»

Добавить класс к размеру страницы, например Размер страницы

Добавьте регистр If / Else в loadComplete с помощью следующего оператора: if ($ (". rowListLabel") [0]) {создать ярлык} else {ничего не делать}

Answer 5

Как предложено выше, вы можете выбрать таблицу или div, которые содержат вход select с классом ui-pg-selbox, а затем установить метку. Вы можете сделать это в событии jQuery (window) .load (), но не в jQuery (document) .ready (); В случае события bcz эти элементы могут быть недоступны в состоянии ready ().