87,901
社区成员
发帖
与我相关
我的任务
分享
<div id="pager1"></div>
<table id="list1"></table>
var str='<?xml version="1.0" encoding="UTF-8"?><content><page>1</page><record><column name="业务系统">1业务系统</column><column name="执行动作数">32</column></record><record><column name="业务系统">2业务系统</column><column name="执行动作数">18</column></record></content>';
jQuery().ready(function (){
jQuery("#list1").jqGrid({
datatype: 'xmlstring',
datastr : str,
colNames:['业务系统','执行动作数'],
colModel:[
{name:'id',index:'id'},
{name:'name',index:'name',sorttype:"number"}
],
xmlReader: {
root: "content",
row: "record",
//repeatitems: true,
cell: "column"
},
pager: '#pager1',
rowNum:10,
//recordpos: 'left', //计录数位置 左 则 navGrid position:'rigth'
shrinkToFit:false, //是否缩小适应
rownumbers: true, //显示行号
hiddengrid: false, //面板是否收缩
autowidth: true, //是否自动调整列宽
loadonce: true,
rowList:[10,20,30],
sortname: 'name',
viewrecords: true,
sortorder: "desc",
caption:"XML Example",
toolbar: [true,"top"]
});
jQuery("#list1").jqGrid('navGrid','#pager1',{edit:false,add:false,del:false,searchtext:'查找',refreshtext:'刷新表格'});
//jQuery("#list1").jqGrid('navGrid','#pager1',{view:false,del:false,add:false,edit:false,searchtext:'查找',refreshtext:'刷新表格'},{},{},{},{multipleSearch:true,closeOnEscape:true});
//var toolstr="<input type='button' value='abc'>";
var toolstr="<TABLE style='FLOAT: left; TABLE-LAYOUT: auto' class='ui-pg-table navtable' border=0 cellSpacing=0 cellPadding=0><tr><td class='ui-pg-button ui-corner-all' title=查找><div id='searchdiv' class='ui-pg-div'><span class='ui-icon ui-icon-search'></span>查找</div></td><td class='ui-pg-button ui-corner-all' title=刷新表格><div id='refreshdiv' class='ui-pg-div'><span class='ui-icon ui-icon-refresh'></span>刷新表格</div></td></tr></talbe>";
$("#t_list1").append(toolstr);
//查询事件
$("#searchdiv").click(function(){
if (!$(this).hasClass('ui-state-disabled')) {
$("#list1").jqGrid("searchGrid");
}
return false;
}).hover(
function () {
if (!$(this).hasClass('ui-state-disabled')) {
$(this).addClass("ui-state-hover");
}
},
function () {$(this).removeClass("ui-state-hover");}
);
//刷新事件
$("#refreshdiv").click(function(){
if (!$(this).hasClass('ui-state-disabled')) {
//调用原按钮事件
$("#refresh_list1").click();
//刷新页面
//window.location.reload();
}
}).hover(
function () {
if (!$(this).hasClass('ui-state-disabled')) {
$(this).addClass("ui-state-hover");
}
},
function () {$(this).removeClass("ui-state-hover");}
);
});