Thêm thanh công cụ ở cuối tiêu đề bằng cách sử dụng jqgrid

Question

tôi muốn thêm một thanh công cụ khác với các nút khác nhau ở cuối tiêu đề. có khả năng nào không?

sử dụng

toolbar: [true,"top"] or toolbar: [true,"bottom"] 

thấy thanh công cụ tương tự của nó ... trong thanh công cụ phía dưới chứa Thêm, chỉnh sửa, xóa nút .. tôi muốn thực hiện thay đổi trong thanh công cụ trên có chứa nút ADD chỉ .. & đáy thanh công cụ chứa chỉnh sửa, xóa, làm mới, vv

Cảm ơn bạn,

Answer 1

có lẽ bạn hiểu lầm toolbar tham số của jqGrid. Có lẽ bạn muốn sử dụng Navigator có cloneToTop: true hoạt động nếu bạn xác định thêm tùy chọn toppager: true jqGrid. Tùy chọn này sao chép các máy nhắn tin div trên đầu trang của jqGrid. Sau này có thể dễ dàng loại bỏ một số yếu tố từ "thanh công cụ" đầu hoặc cuối:

jQuery("#list").jqGrid({ 
    // some parameters 
    toppager: true, 
    // some other paremeters 
}).jqGrid('navGrid','#pager',{cloneToTop:true}); 

var topPagerDiv = $("#list_toppager")[0]; 
$("#edit_list_top", topPagerDiv).remove(); 
$("#del_list_top", topPagerDiv).remove(); 
$("#search_list_top", topPagerDiv).remove(); 
$("#refresh_list_top", topPagerDiv).remove(); 
$("#list_toppager_center", topPagerDiv).remove(); 
$(".ui-paging-info", topPagerDiv).remove(); 

var bottomPagerDiv = $("div#pager")[0]; 
$("#add_list", bottomPagerDiv).remove(); 

Phần "danh sách" các tên id khác nhau từ các mã trên sẽ được sử dụng bởi vì chúng tôi sử dụng <table> phần tử với id = "danh sách ".

Answer 2

Từ Demo site:

HTML

Java Scrpt đang

jQuery("#myGrid").jqGrid({ 
    url:'server.php?q=1', 
    datatype: "xml", 
    colNames:['Inv No','Date', 'Client', 'Amount','Tax','Total','Notes'], 
    colModel:[ 
    {name:'id',index:'id', width:55}, 
    {name:'invdate',index:'invdate', width:90}, 
    {name:'name',index:'name', width:100}, 
    {name:'amount',index:'amount', width:80, align:"right"}, 
    {name:'tax',index:'tax', width:80, align:"right"},  
    {name:'total',index:'total', width:80,align:"right"},  
    {name:'note',index:'note', width:150, sortable:false}  
    ], 
    rowNum:10, 
    rowList:[10,20,30], 
    pager: '#pgmyGrid', 
    sortname: 'id', 
    viewrecords: true, 
    sortorder: "desc", 
    caption:"Toolbar Example", 
    editurl:"someurl.php", 
    toolbar: [true,"top"] //THIS IS IMPORTANT! 
    }); 
    jQuery("#myGrid").jqGrid('navGrid','#pgmyGrid',{edit:false,add:false,del:false}); 

    $("#t_myGrid").append("<input type='button' value='Click Me' style='height:20px;font-size:-3'/>");