jqgrid
2010-10-25 5 views 1 likes 
1
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"); 
    } 
    }); 
} 

J'ai trouvé cela dans Flexigrid mais dans JQGrid Comment puis-je le faire.JQGrid - Comment puis-je créer une case à cocher dans Navigation pour déclencher Multiselect ou SingleSelect

Une autre question:

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

le buttonimg est pas du travail même je l'utilise ui-icon-plus

Merci à l'avance.

Répondre

1

La deuxième partie de votre question est très facile à répondre. Le paramètre buttonimg n'est plus pris en charge dans la fonction navButtonAdd. Vous devriez plutôt utiliser buttonicon. Un exemple vous pouvez trouver here. En général, comme une valeur de buttonicon, vous pouvez utiliser l'un des jQuery UI Framework Icons.

Pour basculer le paramètre multipleSearch, vous pouvez simplement définir les paramètres de recherche de navGrid séparément et basculer la valeur de la propriété multipleSearch. Pour rendre tout plus facile, je suggère d'utiliser un paramètre supplémentaire 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"); 
    } 
}); 

Sur le petit demo j'inséré les deux cases internes et externes à la barre de navigation et un bouton personnalisé en plus:

alt text

+0

Comment remplacer case à cocher et sa légende avec deux états bouton pushpin qui montre états états chekced et non cochée dans un seul bouton sans texte? – Andrus

Questions connexes