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

問題的第二部分很容易回答。 navButtonAdd函數不再支持參數buttonimg。您應該使用buttonicon。一個例子，你可以找到here。一般來說，作爲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"); 
    } 
}); 

在小demo我插入內部和外部複選框來導航欄和附加自定義按鈕：