jqgrid控件搜索按钮 请问jqgrid控件的搜索按钮可不可以改变位置,比如放到表的头部,如果可以请写出说细参数,谢谢! 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 没人回只好自己解决了! 1、新建test.html 2、引入 jquery-ui-1.8.1.custom.css ui.jqgrid.css jquery.js grid.locale-cn.js jquery.jqGrid.src.js 3、<body>中加入 <div id="pager1"></div> <table id="list1"></table> 4、加入javascript代码 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");} ); }); 例子下载地址http://u.115.com/file/bhzzah8l# 另一个下载地址http://dl.dbank.com/c06utgge9u 为什么上面有,下面也有,是否重复了?默认的edit add等只有图标,怎么简单的加文字呢? 下面的默认工具栏,jgrid有包装;上面的是我应用要求加的,是自己加上去的!你要是用的话,可以把下面去掉用上面的,也可以把上面去掉用下面的.edit add加文字很简单了:jQuery("#list1").jqGrid('navGrid','#pager1',{edit:true,add:true,del:false,edittext:'编辑',addtext:'添加'}); to #6楼 页面上你加这两个元素了吗? <div id="pager1"></div> <table id="list1"></table> 楼主,要怎么控制jqgrid的增删改查?加q343567562 关于图片的预加载的问题 document.scripts 的问题,尽快啊!!! javascript + css 下拉菜单在IE7上的不兼容问题。 js中的方法怎么取得struts的bean:write标签的值 怎么样实现表格的折叠展开??? 请问下面这条语句是什么意思?谢谢~ 如何有选择打印页面的内容 关于打印的问题!很急 请问从多选框中双击那个选项后如何把它的值放入相应的文本框?在线等待 如何使得页面在提交表单后自动关闭? 000000标题要长00000js获取点击对象的id 导航条随滚动条上下滚动
1、新建test.html
2、引入
jquery-ui-1.8.1.custom.css
ui.jqgrid.css
jquery.js
grid.locale-cn.js
jquery.jqGrid.src.js
3、<body>中加入
<div id="pager1"></div>
<table id="list1"></table>
4、加入javascript代码
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");}
);
});
edit add加文字很简单了:
jQuery("#list1").jqGrid('navGrid','#pager1',{edit:true,add:true,del:false,edittext:'编辑',addtext:'添加'});
页面上你加这两个元素了吗?
<div id="pager1"></div>
<table id="list1"></table>