我想在標(biāo)題底部添加一個(gè)帶有不同按鈕的工具欄。有沒有可能？用過的 toolbar: [true,"top"] or toolbar: [true,"bottom"] 其顯示相同的工具欄...底部的工具欄包含添加，編輯，刪除按鈕..我想在頂部工具欄中進(jìn)行更改，僅包含添加按鈕..＆底部工具欄包含編輯，刪除，刷新等。謝謝，
2 回答
qq_花開花謝_0
TA貢獻(xiàn)1835條經(jīng)驗(yàn) 獲得超7個(gè)贊
可能您誤解toolbar了jqGrid的參數(shù)。也許您想使用具有附加定義jqGrid選項(xiàng)的Navigator。此選項(xiàng)在jqGrid的頂部克隆尋呼機(jī)div。之后，您可以輕松地從頂部或底部“工具欄”中刪除一些元素：cloneToTop: truetoppager: true
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();
由于我們使用<table>id =“ list”的元素，因此將使用與上面的代碼不同的id名稱的“ list”部分。
Cats萌萌
TA貢獻(xiàn)1805條經(jīng)驗(yàn) 獲得超9個(gè)贊
從演示站點(diǎn)：
的HTML
Java Scrpt代碼
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'/>");
- 2 回答
- 0 關(guān)注
- 1054 瀏覽
添加回答
舉報(bào)
0/150
提交
取消