setgridparam有没有回调函数例子

5848人阅读
jQuery(13)
以下是jqGrid 最常用的属性和事件,经过一段时间的整理,终于弄的差不多了。版权所有,转载请注明出处,向您的厚道致敬!谢谢!
&script type=&text/javascript&&
jQuery().ready(function () {
//父Grid(主Grid)
jQuery(&#list1&).jqGrid({
url:'server.php?q=1',
editurl:&server.php&,
datatype: &json&, //数据类型 datatype: &local&, datatype: &xml&,
colNames:['Actions','Inv No','Date', 'Client', 'Amount','Tax','Total','Notes'],
colModel:[
{name:'act',index:'act', width:75,sortable:false},
{name:'id',index:'id', width:75},
{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: jQuery('#pager1'), //Grid显示在id为pager1的div里面
sortname: 'id', //根据ID排序
viewrecords: true, //显示数据总记录数
sortorder: &desc&, //倒序
hidegrid: false, //Grid是否隐藏
autowidth: true, //自动列宽
width: 500, //Grid 宽度
height: 200, //行高 height: &100%&,
multiselect: true, //复选框
recordpos: 'left', //总记录显示位置:居左
mtype: &POST&,
pgbuttons: false,
pgtext: false,
pginput: false,
multikey: &ctrlKey&,
onSortCol: function(name,index){
//点击排序列,根据哪列排序
alert(&Column Name: &+name+& Column Index: &+index);
ondblClickRow: function(id){
alert(&You double click row with id: &+id);
onSelectRow: function(ids) { //单击选择行
if(ids == null) {
if(jQuery(&#list10_d&).jqGrid('getGridParam','records') &0 ) {
jQuery(&#list10_d&).jqGrid('setGridParam',{url:&subgrid.php?q=1&id=&+ids,page:1});
jQuery(&#list10_d&).jqGrid('setCaption',&Invoice Detail: &+ids) .trigger('reloadGrid');
jQuery(&#list10_d&).jqGrid('setGridParam',{url:&subgrid.php?q=1&id=&+ids,page:1});
jQuery(&#list10_d&).jqGrid('setCaption',&Invoice Detail: &+ids) .trigger('reloadGrid');
//点击Grid,将行变为编辑状态
if(id && id!==lastsel){
jQuery('#rowed3').jqGrid('restoreRow',lastsel);
jQuery('#rowed3').jqGrid('editRow',id,true); lastsel=
gridComplete: function(){
//在Grid的第一列(Actions)中添加按钮E、S、C,添加增、删、查、改按钮;
var ids = jQuery(&#list1&).jqGrid('getDataIDs');
for(var i=0;i & ids.i++){
var cl = ids[i];
be = &&input style='height:22width:20' type='button' value='E' onclick=\&jQuery('#list1').editRow('&+cl+&');\& /&&;
se = &&input style='height:22width:20' type='button' value='S' onclick=\&jQuery('#list1').saveRow('&+cl+&');\& /&&;
ce = &&input style='height:22width:20' type='button' value='C' onclick=\&jQuery('#list1').restoreRow('&+cl+&');\& /&&;
jQuery(&#list1&).jqGrid('setRowData',ids[i],{act:be+se+ce});
subGrid : true, //显示内部Grid(次Grid),单击行展开嵌套Grid
subGridUrl: 'subgrid.php?q=2', //内部Grid URL
subGridModel: [ { //内部Grid列
name : ['No','Item','Qty','Unit','Line Total'],
width : [55,200,80,80,80],
params: ['invdate'] //嵌套Grid参数
subGridRowExpanded: function(subgrid_id, row_id) { //Grid内部嵌套Grid
// we pass two parameters
// subgrid_id is a id of the div tag created whitin a table data
// the id of this elemenet is a combination of the &sg_& + id of the row
// the row_id is the id of the row // If we wan to pass additinal parameters to the url we can use
// a method getRowData(row_id) - which returns associative array in type name-value
// here we can easy construct the flowing
var subgrid_table_id, pager_
subgrid_table_id = subgrid_id+&_t&;
pager_id = &p_&+subgrid_table_
$(&#&+subgrid_id).html(&&table id='&+subgrid_table_id+&' class='scroll'&&/table&&div id='&+pager_id+&' class='scroll'&&/div&&);
jQuery(&#&+subgrid_table_id).jqGrid({
url:&subgrid.php?q=2&id=&+row_id,
datatype: &xml&,
colNames: ['No','Item','Qty','Unit','Line Total'],
colModel: [
{name:&num&,index:&num&,width:80,key:true},
{name:&item&,index:&item&,width:130},
{name:&qty&,index:&qty&,width:70,align:&right&},
{name:&unit&,index:&unit&,width:70,align:&right&},
{name:&total&,index:&total&,width:70,align:&right&,sortable:false}
rowNum:20,
pager: pager_id,
sortname: 'num',
sortorder: &asc&,
height: '100%' //自动适应行高
jQuery(&#&+subgrid_table_id).jqGrid('navGrid',&#&+pager_id,{edit:false,add:false,del:false});
subGridRowColapsed: function(subgrid_id, row_id) {
// this function is called before removing the data
//var subgrid_table_
//subgrid_table_id = subgrid_id+&_t&;
//jQuery(&#&+subgrid_table_id).remove();
loadComplete: function(){ //加载完成(初始加载),回调函数
alert(&This function is executed immediately after\n data is loaded. We try to update data in row 13.&);
ret = jQuery(&#list15&).jqGrid('getRowData',&13&);
if(ret.id == &13&){
jQuery(&#list15&).jqGrid('setRowData',ret.id,{note:&&font color='red'&Row 13 is updated!&/font&&})
caption:&Grid Example& //Grid名称
}, {singleselect: true, lazyload: true}).navGrid('#pager1',{edit:false,add:false,del:false});
//singleselect: true 设置jqGrid复选框为单选
//lazyload: true 设置jqGrid不自动加载
//jQuery(&#list6&).jqGrid('navGrid',&#pager6&,{edit:false,add:false,del:false}); = .navGrid('#pager1',{edit:false,add:false,del:false});
//添加查询文本框
jQuery(&#list7&).jqGrid('navGrid','#pager7',{edit:false,add:false,del:false,refresh:false,searchtext:&Find&});
//查询和刷新按钮居右
jQuery(&#list9&).jqGrid('navGrid','#pager9',{add:false,del:false,edit:false,position:'right'});
//编辑行,添加Add、Edit、Save、Cancel按钮 //&script src=&rowedex3.js& type=&text/javascript&& &/script&
jQuery(&#43rowed3&).jqGrid('inlineNav',&#p43rowed3&); //&table id=&rowed3&&&/table& &div id=&prowed3&&&/div&
jQuery(&#list10_d&).jqGrid({
height: 100,
url:'subgrid.php?q=1&id=0',
datatype: &json&,
colNames:[
'No','Item', 'Qty', 'Unit','Line Total'
colModel:[
{name:'num',index:'num', width:55},
{name:'item',index:'item', width:180},
{name:'qty',index:'qty', width:80, align:&right&},
{name:'unit',index:'unit', width:80, align:&right&},
{name:'linetotal',index:'linetotal', width:80,align:&right&, sortable:false, search:false}
rowList:[5,10,20],
pager: '#pager10_d',
sortname: 'item',
viewrecords: true,
sortorder: &asc&,
multiselect: true,
caption:&Invoice Detail&
}).navGrid('#pager10_d',{add:false,edit:false,del:false});
jQuery(&#a1&).click( function(){
//获取Grid中选中的行id
var id = jQuery(&#list5&).jqGrid('getGridParam','selrow');
var ret = jQuery(&#list5&).jqGrid('getRowData',id);
alert(&id=&+ret.id+& invdate=&+ret.invdate+&...&);
alert(&Please select row&);
jQuery(&#a2&).click( function(){
//删除第12行
var su=jQuery(&#list5&).jqGrid('delRowData',12);
alert(&Succes. Write custom code to delete row from server&);
alert(&Allready deleted or not in list&);
jQuery(&#a3&).click( function(){
//修改第11行
var su=jQuery(&#list5&).jqGrid('setRowData',11,{amount:&333.00&,tax:&33.00&,total:&366.00&,note:&&img src='images/user1.gif'/&&});
alert(&Succes. Write custom code to update row in server&);
alert(&Can not update&);
jQuery(&#a4&).click( function(){
//添加第99行(id为99的)
var datarow = {id:&99&,invdate:&&,name:&test3&,note:&note3&,amount:&400.00&,tax:&30.00&,total:&430.00&};
var su=jQuery(&#list5&).jqGrid('addRowData',99,datarow);
alert(&Succes. Write custom code to add data in server&);
alert(&Can not update&);
jQuery(&#s1&).click( function() {
jQuery(&#list7&).jqGrid('setGridParam',{url:&server.php?q=2&}).trigger(&reloadGrid&);
jQuery(&#s2&).click( function() {
//设置排序列
jQuery(&#list7&).jqGrid('setGridParam',{sortname:&amount&,sortorder:&asc&}).trigger(&reloadGrid&);
jQuery(&#s3&).click( function() {
//设置升序或倒序
var so = jQuery(&#list7&).jqGrid('getGridParam','sortorder');
so = so==&asc&?&desc&:&asc&;
jQuery(&#list7&).jqGrid('setGridParam',{sortorder:so}).trigger(&reloadGrid&);
jQuery(&#s4&).click( function() {
//跳转到第二页
jQuery(&#list7&).jqGrid('setGridParam',{page:2}).trigger(&reloadGrid&);
jQuery(&#s5&).click( function() {
//设置每页显示15行
jQuery(&#list7&).jqGrid('setGridParam',{rowNum:15}).trigger(&reloadGrid&);
jQuery(&#s6&).click( function() {
//设置URL和数据格式
jQuery(&#list7&).jqGrid('setGridParam',{url:&server.php?q=1&,datatype:&xml&}).trigger(&reloadGrid&);
jQuery(&#s7&).click( function() {
//设置Grid的名称
jQuery(&#list7&).jqGrid('setCaption',&New Caption&);
jQuery(&#s8&).click( function() {
//设置Grid排序字段,根据名称排序
jQuery(&#list7&).jqGrid('sortGrid',&name&,false);
jQuery(&#m1&).click( function() {
//获取复选框被选中的id
var s = jQuery(&#list9&).jqGrid('getGridParam','selarrrow');
jQuery(&#m1s&).click( function() {
//设置选中第13行
jQuery(&#list9&).jqGrid('setSelection',&13&);
jQuery(&#ms1&).click( function() {
var s = jQuery(&#list10_d&).jqGrid('getGridParam','selarrrow');
//Grid 查询
var timeoutH
var flAuto =
function doSearch(ev){
if(!flAuto)
// var elem = ev.target||ev.srcE
if(timeoutHnd)
clearTimeout(timeoutHnd)
timeoutHnd = setTimeout(gridReload,500)
function gridReload(){
var nm_mask = jQuery(&#item_nm&).val();
var cd_mask = jQuery(&#search_cd&).val();
jQuery(&#bigset&).jqGrid('setGridParam',{url:&bigset.php?nm_mask=&+nm_mask+&&cd_mask=&+cd_mask,page:1}).trigger(&reloadGrid&);
function enableAutosubmit(state){
jQuery(&#submitButton&).attr(&disabled&,state);
jQuery(&#cm1&).click( function() {
//显示选中行
s = jQuery(&#list13&).jqGrid('getGridParam','selarrrow');
jQuery(&#cm1s&).click( function() {
//选中编号为13的行
jQuery(&#list13&).jqGrid('setSelection',&13&);
jQuery(&#list13&).jqGrid('navGrid','#pager13',{add:false,edit:false,del:false},
{}, // edit parameters
{}, // add parameters
{reloadAfterSubmit:false} //delete parameters
jQuery(&#sids&).click( function() {
//获取Grid中当页的所有ID
alert(&Id's of Grid: \n&+jQuery(&#list15&).jqGrid('getDataIDs'));
jQuery(&#hc&).click( function() {
//隐藏tax列
jQuery(&#list17&).jqGrid('navGrid','hideCol',&tax&);
jQuery(&#sc&).click( function() {
//显示tax列
jQuery(&#list17&).jqGrid('navGrid','showCol',&tax&);
jQuery(&#ed1&).click( function() {
//编辑第13行
jQuery(&#rowed1&).jqGrid('editRow',&13&);
this.disabled = 'true';
jQuery(&#sved1,#cned1&).attr(&disabled&,false);
jQuery(&#sved1&).click( function() {
//保存第13行
jQuery(&#rowed1&).jqGrid('saveRow',&13&);
jQuery(&#sved1,#cned1&).attr(&disabled&,true);
jQuery(&#ed1&).attr(&disabled&,false);
jQuery(&#cned1&).click( function() {
//取消编辑第13行
jQuery(&#rowed1&).jqGrid('restoreRow',&13&);
jQuery(&#sved1,#cned1&).attr(&disabled&,true);
jQuery(&#ed1&).attr(&disabled&,false);
//本地数组数据:datatype: &local&,
var mydata = [
{id:&1&,invdate:&&,name:&test&,note:&note&,amount:&200.00&,tax:&10.00&,total:&210.00&},
&{id:&2&,invdate:&&,name:&test2&,note:&note2&,amount:&300.00&,tax:&20.00&,total:&320.00&},
&{id:&3&,invdate:&&,name:&test3&,note:&note3&,amount:&400.00&,tax:&30.00&,total:&430.00&},
{id:&4&,invdate:&&,name:&test&,note:&note&,amount:&200.00&,tax:&10.00&,total:&210.00&},
{id:&5&,invdate:&&,name:&test2&,note:&note2&,amount:&300.00&,tax:&20.00&,total:&320.00&},
{id:&6&,invdate:&&,name:&test3&,note:&note3&,amount:&400.00&,tax:&30.00&,total:&430.00&},
{id:&7&,invdate:&&,name:&test&,note:&note&,amount:&200.00&,tax:&10.00&,total:&210.00&},
{id:&8&,invdate:&&,name:&test2&,note:&note2&,amount:&300.00&,tax:&20.00&,total:&320.00&},
{id:&9&,invdate:&&,name:&test3&,note:&note3&,amount:&400.00&,tax:&30.00&,total:&430.00&}
for(var i=0;i&=mydata.i++)
jQuery(&#list4&).jqGrid('addRowData',i+1,mydata[i]);
&table id=&list1&&&/table&
&div id=&pager1&&&/div&
&table id=&list5&&&/table&
&div id=&pager5&&&/div& &br /&
&a href=&#& id=&a1&&Get data from selected row&/a&
&a href=&#& id=&a2&&Delete row 2&/a&
&a href=&#& id=&a3&&Update amounts in row 1&/a&
&a href=&#& id=&a4&&Add row with id 99&/a&
&table id=&list6&&&/table&
&div id=&pager6&&&/div& &br /&
&a href=&javascript:void(0)& id=&g1& onclick=&alert(jQuery('#list6').jqGrid('getGridParam','url'));&&Get url&/a&
&a href=&javascript:void(0)& id=&g2& onclick=&alert(jQuery('#list6').jqGrid('getGridParam','sortname'));&&Get Sort Name&/a&
&a href=&javascript:void(0)& id=&g3& onclick=&alert(jQuery('#list6')jqGrid('getGridParam','sortorder'));&&Get Sort Order&/a&
&a href=&javascript:void(0)& id=&g4& onclick=&alert(jQuery('#list6')jqGrid('getGridParam','selrow'));&&Get Selected Row&/a&
&a href=&javascript:void(0)& id=&g5& onclick=&alert(jQuery('#list6')jqGrid('getGridParam','page'));&&Get Current Page&/a&
&a href=&javascript:void(0)& id=&g6& onclick=&alert(jQuery('#list6').jqGrid('getGridParam','rowNum'));&&Get Number of Rows requested&/a&
&a href=&javascript:void(0)& id=&g7& onclick=&alert('See Multi select rows example');&&Get Selected Rows&/a&
&a href=&javascript:void(0)& id=&g8& onclick=&alert(jQuery('#list6').jqGrid('getGridParam','datatype'));&&Get Data Type requested&/a&
&a href=&javascript:void(0)& id=&g9& onclick=&alert(jQuery('#list6').jqGrid('getGridParam','records'));&&Get number of records in Grid&/a&
&table id=&list7&&&/table&
&div id=&pager7&&&/div&
&a href=&javascript:void(0)& id=&s1&&Set new url&/a&
&a href=&javascript:void(0)& id=&s2&&Set Sort to amount column&/a&
&a href=&javascript:void(0)& id=&s3& &Set Sort new Order&/a&
&a href=&javascript:void(0)& id=&s4&&Set to view second Page&/a&
&a href=&javascript:void(0)& id=&s5&&Set new Number of Rows(15)&/a&
&a href=&javascript:void(0)& id=&s6& &Set Data Type from json to xml&/a&
&table id=&list9&&&/table&
&div id=&pager9&&&/div&
&a href=&javascript:void(0)& id=&m1&&Get Selected id's&/a&
&a href=&javascript:void(0)& id=&m1s&&Select(Unselect) row 13&/a&
Invoice Header
&table id=&list10&&&/table&
&div id=&pager10&&&/div&
Invoice Detail
&table id=&list10_d&&&/table&
&div id=&pager10_d&&&/div&
&a href=&javascript:void(0)& id=&ms1&&Get Selected id's&/a&
&table id=&list11&&
&/table& &div id=&pager11&&&/div&
&script src=&subgrid.js& type=&text/javascript&& &/script&
&div class=&h&&Search By:&/div&
&input type=&checkbox& id=&autosearch& onclick=&enableAutosubmit(this.checked)&& Enable Autosearch
&input type=&text& id=&search_cd& onkeydown=&doSearch(arguments[0]||event)& /&
&div& Name&br&
&input type=&text& id=&item& onkeydown=&doSearch(arguments[0]||event)& /&
&button onclick=&gridReload()& id=&submitButton& style=&margin-left:30&&Search&/button&
&table id=&bigset&&&/table&
&div id=&pagerb&&&/div&
&script src=&bigset.js& type=&text/javascript&& &/script&
&table id=&list13&&&/table&
&div id=&pager13&&&/div& &br /&
&a href=&javascript:void(0)& id=&cm1&&Get Selected id's&/a&
&a href=&javascript:void(0)& id=&cm1s&&Select(Unselect) row 13&/a&
&script src=&cmultiex.js& type=&text/javascript&& &/script&
&table id=&list15&&&/table&
&div id=&pager15&&&/div&
&a href=&javascript:void(0)& id=&sids&&Get Grid id's&/a&
&table id=&list17&&&/table&
&div id=&pager17&&&/div&
&a href=&javascript:void(0)& id=&hc&&Hide column Tax&/a&
&a href=&javascript:void(0)& id=&sc&&Show column Tax&/a&
&table id=&rowed1&&&/table&
&div id=&prowed1&&&/div&
&input type=&BUTTON& id=&ed1& value=&Edit row 13& /&
&input type=&BUTTON& id=&sved1& disabled='true' value=&Save row 13& /&
&input type=&BUTTON& id=&cned1& disabled='true' value=&Cancel Save& /&
&script src=&rowedex1.js& type=&text/javascript&& &/script&
参考知识库
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
访问:265725次
积分:3639
积分:3639
排名:第6517名
原创:59篇
转载:237篇
评论:25条
(1)(3)(10)(2)(4)(4)(7)(1)(3)(6)(2)(2)(2)(1)(4)(6)(5)(15)(2)(4)(7)(1)(20)(11)(9)(4)(2)(15)(10)(20)(11)(15)(27)(12)(10)(14)(6)(6)(1)(12)(6) 老虎机怎么玩才能赢视频教程:澹台灵寒
 老虎机怎么玩才能赢视频教程:澹台灵寒
 帅现在已经身兼众多的身份,辅导主任只是其中之一。“来啊,王老师,让我们比一比,看谁的耐力长吧?无错小说网不少字”任盈盈抬起头望着王帅忽然说道。王帅一愣,不任盈盈搞
 。酒店里已经坐满了各色的人,但是却一点不显得喧闹,即便是桌子上围坐数人,几乎很少言语,给人一种强烈的压抑感。刘正宇径直走到一处空桌坐下,点了些许酒菜,便独自一人吃了起来,
 信仰之力,多多给咩投食。”“还有,呜咩的恐龙山脉有一种特产,叫做‘恐龙小奶糕’,是由‘天地元气’、‘元素鲜奶’、‘奶糕龙息’,以及咩的好盆友卡蜜拉友情提供的‘核废渣
关键词:老虎机怎么玩才能赢视频教程
 老虎机怎么玩才能赢视频教程:澹台灵寒
合作媒体推荐
看过本文的人还看过jqGrid -- 方法 - 猎人杰 - 博客园
jqGrid的方法,从3.6开始已经完全兼容jQuery UI库。用法:
jQuery("#grid_id").jqGridMethod( parameter1,...parameterN );
grid_id:表格的id;jqGridMethod:用到表格上的方法;parameter1,&parameterN :参数列表此方法并不是返回请求的数据值而是返回一个jqGrid对象。
jQuery("#grid_id").setGridParam({...}).hideCol("somecol").trigger("reloadGrid");
如果使用新的API:
jQuery("#grid_id").jqGrid('method', parameter1,...parameterN );
grid_id:表格id;jqGrid:表格实例;method:表格支持的方法名;parameter1,...parameterN :参数列表
具体实例:
jQuery("#grid_id").jqGrid('setGridParam',{...}).jqGrid('hideCol',"somecol").trigger("reloadGrid");
jqGrid配置使用新的api
&!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&
&html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"&
&meta http-equiv="Content-Type" content="text/ charset=utf-8" /&
&title&My First Grid&/title&
&link rel="stylesheet" type="text/css" media="screen" href="css/ui-lightness/jquery-ui-1.7.1.custom.css" /&
&link rel="stylesheet" type="text/css" media="screen" href="css/ui.jqgrid.css" /&
&script src="js/jquery-1.3.2.min.js" type="text/javascript"&&/script&
&script src="js/i18n/grid.locale-en.js" type="text/javascript"&&/script&
&script type="text/javascript"&
jQuery.jgrid.no_legacy_api =
&script src="js/jquery.jqGrid.min.js" type="text/javascript"&&/script&
&script type="text/javascript"&
jQuery.jgrid.no_legacy_api =
这段代码必须放在语言包之后jqGrid.js文件之前。
jqGrid方法
addJSONData
使用传来的data数据填充表格。使用方法:var mygrid = jQuery(&#&+grid_id)[0];var myjsongrid = eval(&(&+jsonresponse.responseText+&)&); mygrid.addJSONData(myjsongrid); myjsongrid = jsonresponse =
addRowData
rowid,data, position, srcrowid
成功为true, 否则为false
根据参数插入一行新的数据,rowid为新行的id,data为新行的数据,position为新增行的位置,srcrowid为新增行的参考位置。data数据格式:{name1:value1,name2: value2&} name为在colModel中指定的名称
addXMLData
根据传来的数据填充表格。用法:var mygrid = jQuery(&#&+grid_id)[0]; mygrid.addXmlData(xmlresponse.responseXML);
clearGridData
clearfooter
jqGrid对象
清除表格当前加载的数据。如果clearfooter为true时则此方法删除表格最后一行的数据
delRowData
成功为true否则为false
根据rowid删除行,但不会从服务器端删除数据
footerData
action,data, format
jgGrid对象
设置或者取得底部数据。action:&get&或者&set&,默认为&get&,如果为&get&返回值为name:value,name为colModel中名称。如果为&set&则值为name:value,name是colModel中的名称。format:默认为true,当为true时,在设置新值时会调用formatter格式化数值
rowid, iCol
单元格内容
返回指定rowid,iCol的单元格内容,iCol既可以是当前列在colModel中的位置索引也可以是name值。注意:在编辑行或者单元格时不能使用此方法,此时返回的并不是改变的值,而是原始值
colname, returntype, mathoperation
array[] or value
返回列的值。colname既可以是当前列在colModel中的位置索引也可以是name值。returntype指定返回数据的类型,默认为false。当为false时,返回的数组中只包含列的值,当为true时返回数组是对象数组,具体格式 {id:rowid, value:cellvalue} ,id为行的id,value为列的值。如: [{id:1,value:1},{id:2,value:2}&]。mathoperation 可选值为'sum, 'avg', 'count'
getDataIDs
返回当前grid里所有数据的id
getGridParam
mixed value
返回请求的参数信息
rowid,rowcontent
如果rowcontent为false,返回行所在的索引位置,id为行id。rowcontent默认为false。如果rowconent为ture则返回的为行对象,如果找不到行则返回false
getRowData
rowid or none
返回指定行的数据,返回数据类型为name:value,name为colModel中的名称,value为所在行的列的值,如果根据rowid找不到则返回空。在编辑模式下不能用此方法来获取数据,它得到的并不是编辑后的值
colnameor[colnames]
jqGrid对象
如果参数为一个列名则隐藏此列,如果给定的是数组则隐藏指定的所有列。格式: [&name1&,&name2&]
remapColumns
permutation, updateCells, keepHeader
调整表格列的显示顺序,permutation为当前列的顺序,假如值是[1,0,2],那么第一列就会在第二位显示。如果updateCells为ture则是对单元格数据进行重新排序,如果keepHeader为true则对header数据显示位置进行调整
resetSelection
jqGrid对象
选择或者反选行数据,在多选模式下也同样起作用
setCaption
jqGrid对象
设置表格的标题
rowid,colname, data, class, properties
jqGrid对象
改变单元格的值。rowid:当前行id;colname:列名称,也可以是列的位置索引,从0开始;data:改变单元格的内容,如果为空则不更新;class:如果是string则会使用addClass方法将其加入到单元格的css中,如果是array则会直接加到style属性中;properties:设置单元格属性
setGridParam
jqGrid对象
设置grid的参数。有些参数的修改必须要重新加载grid才可以生效,这个方法可以覆盖事件
setGridHeight
new_height
jqGrid对象
动态改变grid的高度,只能对单元格的高度进行设置而不能对表格的高度进行动态修改。new_height:可以是象素值,百分比或者"auto"
setGridWidth
new_width,shrink
jqGrid对象
动态改变表格的宽度。new_width:表格宽度,象素值;shrink:true或者false,作用同shrinkToFit
colname, data, class, properties
jqGrid对象
给指定列设置一个新的显示名称。colname:列名称,也可以是列的位置索引,从0开始;data:列显示名称,如果为空则不修改;class:如果是string则会使用addClass方法将其加入到单元格的css中,如果是array则会直接加到style属性中;properties:设置label的属性
setRowData
rowid,data, cssprop
成功true否则false
更新行的值,rowid为行id。data值格式:{name1:value1,name2: value2&} name为colModel中名称;cssprop:如果是string则会使用addClass方法将其加入到行的css中,如果是array或者对象则会直接加到style属性中
setSelection
rowid,onselectrow
jqGrid对象
选择或反选指定行。如果onselectrow为ture则会触发事件onSelectRow,onselectrow默认为ture
显示列。colname可以是数组[&name1&,&name2&],但是name1或者name2必须是colModel中的name
trigger(&reloadGrid&)
jqGrid对象
重新加载当前表格,也会向服务器发起新的请求
updateColumns
同步表格的宽度,用在表格拖拽时,用法:var mygrid=jQuery(&#grid_id&)[0];mygrid.updateColumns();
jqGrid的通用方法和设置这些方法并不和jqGrid对象绑定,可以随意使用:
jQuery.jgrid.jqGridFunction( parameter1,...parameterN );
jgrid.jqGridFunction 是函数名parameter1,&parameterN 参数列表
ajaxOptions
这个函数可以改变jqgrid中用到的ajax请求参数,这个函数可以覆盖当前所有ajax请求设置。从3.6版本开始起有3个级别的ajax设置:第一个级别就是在模块中设置ajax请求;第二个级别就是通过此函数设置;第三级别的设置是控制全局ajax请求的设置:jQuery.extend(jQuery.ajax({method specific options}, ajaxOptions, ThirdLevelajaxSettinds)); 当然我们也可以单独设置ajax的参数
解析后的string
转义字符串,把两个反斜杠(\\)转化为单个反斜杠(\)
jgrid.htmlDecode
转换后string
把转码后的字符串还原
jgrid.htmlEncode
编码后的string
把字符串编码
jgrid.format
格式化后string
简单字符串模板。用法:Example jQuery.jqgformat(&Please enter a value between {0} and {1}.&, 4,result : &Please enter a value between 4 and 8.&
jgrid.getCellIndex
这个方法是用来修复在ie7里的一个bug
jgrid.stringToDoc
把xmlstring转换为dom对象
jgrid.stripHtml
new_content
去掉html标签返回标签中内容
jgrid.parse
jsonstring
把一个jsonstring转换为json对象,
jqGrid的方法
filterGrid
grid_id,params
构造jqGrid的查询界面。grid_id:表格id;params:参数
filterToolbar
jqGrid对象
同上。不同的是搜索输入框在header层下方
getColProp
返回指定列的属性集合。name为colModel中名称
GridDestroy
成功true否则false
从dom上删除此grid
GridUnload
成功true否则false
跟GridDestroy不同的是table对象跟pager对象并不会被删除,以便下次使用
setGridState
jqGrid对象
设置grid的状态,显示或者隐藏。这个方法不会触发onHeaderClick 事件。
setColProp
colname, properties
jqGrid对象
设置新的属性,对于动态改变列属性是非常有用的,但是有些属性的修改并不会起效。用法:jQuery(&#grid_id&).setColProp('colname',{editoptions:{value:&True:False&}});
colname, reload
jqGrid对象
按指定列进行排序。效果同setGridParam({sortname:'myname'}).trigger('reloadGrid'). 如果reload为true则会重新加载数据
updateGridRows
data,rowidname,jsonreader
成功true否则为false
修改表格中某行的数据,data数据格式:[{name:value,name1:value1&}, {name:value,name2:value2&}],name为colModel中的名称;rowidname某行的名称。jsonreader:boolean值,默认false。如果为true则是定义数据的格式,data的值并不是name:value形式而只是value}

我要回帖

更多关于 回调函数例子 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信