JQGrid - Как я могу создать флажок в навигации, чтобы активировать Multiselect или SingleSelect

Question

function bind_single_select() {
  if (!$("input#single").length > 0) {
    $("span.single_select").prepend("<input type='checkbox' name='single' id='single' checked='checked' style='vertical-align:middle' />");
  }
  $("table#gridTable").find("tr").click(function () {
    if ($("input#single").attr("checked")) {
      $(".trSelected").removeClass("trSelected");
      $(this).addClass("trSelected");
    }
  });
}

Я нашел это во Flexigrid, но в JQGrid. Как это сделать.

Другой вопрос:

.navButtonAdd('#pager',
              { caption: "Add",
                buttonimg: "/Areas/Pages/Content/Images/add.png",
                onClickButton: function () {
                    PopupCenter('<%= Url.Action("CreatePublisher","Publisher") %>',
                                'CreatePublisher', '500', '300');
                }, position: "last"
              })

buttonimg не работает, даже я использую UI-значок плюс

Заранее спасибо.

Answer 1

На вторую часть вашего вопроса очень легко ответить. Параметр buttonimg больше не поддерживается в функции navButtonAdd. Вы должны использовать buttonicon . Пример вы можете найти здесь . Как правило, в качестве значения buttonicon вы можете использовать любой из jQuery UI Framework Icons .

Чтобы переключить параметр multipleSearch, вы можете просто определить параметры поиска для navGrid отдельно и переключить значение свойства multipleSearch. Чтобы упростить все, я предлагаю использовать дополнительный параметр recreateFilter:true.

var grid = jQuery('#list');
var pSearch = { multipleSearch:false, recreateFilter:true };
grid.jqGrid({
    // all jqGrid parameters
}).jqGrid ('navGrid', '#pager', {edit:false, add:false, del:false, refresh:true, view:false},
           {},{},{},pSearch));

$("#pager_left table.navtable tbody tr").append ( // here 'pager' part or #pager_left is the id of the pager
    '<td><div><input type="checkbox" class="myMultiSearch" id="navMultiSearch"/>Multi-Search</div></td>');
$(".myMultiSearch").change(function() {
    if ($(this).is(':checked')) {
        pSearch.multipleSearch = true;
        $(".myMultiSearch").attr("checked","checked");
    }
    else {
        pSearch.multipleSearch = false;
        $(".myMultiSearch").removeAttr("checked");
    }
});

На небольшой демоверсии Я вставил как внутренние, так и внешние флажки на панель навигации и пользовательскую кнопку дополнительно: