jQuery Grid Plugin – jqGrid

var addXmlData = function addXmlData (xml,t, rcnt) {

if(xml) { var fpos = ts.p.treeANode || 0; rcnt=rcnt ||0; if(fpos===0 && rcnt===0) {$("tbody tr:gt(0)", t).remove();} } else { return; }

var v,row,gi=0,si=0,cbid,idn, getId,f=[],rd =[],cn=(ts.p.altRows === true) ? 'alt':'';

if(!ts.p.xmlReader.repeatitems) {f = reader("xml");}

if( ts.p.keyIndex===false) {

idn = ts.p.xmlReader.id;

if( idn.indexOf("[") === -1 ) {

getId = function( trow, k) {return $(idn,trow).text() || k;};

}

else {

getId = function( trow, k) {return trow.getAttribute(idn.replace(/[\[\]]/g,"")) || k;};

}

} else {

getId = function(trow) { return (f.length – 1 >= ts.p.keyIndex) ? $(f[ts.p.keyIndex],trow).text() : $(ts.p.xmlReader.cell+":eq("+ts.p.keyIndex+")",trow).text(); };

}

$(ts.p.xmlReader.page,xml).each(function() {ts.p.page = this.textContent  || this.text ; });

$(ts.p.xmlReader.total,xml).each(function() {ts.p.lastpage = this.textContent  || this.text ; }  );

$(ts.p.xmlReader.records,xml).each(function() {ts.p.records = this.textContent  || this.text ; }  );

$(ts.p.xmlReader.userdata,xml).each(function() {ts.p.userData[this.getAttribute("name")]=this.textContent || this.text;});

$(ts.p.xmlReader.root+" "+ts.p.xmlReader.row,xml).each( function( j ) {

if(typeof ts.p.pagination != "undefined") {

   if(j<ts.p.pagination.startIndex) return true;

   if(j>=(ts.p.pagination.startIndex + ts.p.pagination.maxRecordsPerPage)) return false;

}

row = document.createElement("tr");

row.id = getId(this,j+1);

if(ts.p.multiselect) {

addMulti(t,row);

gi = 1;

}

if (ts.p.subGrid) {

try {$(ts).addSubGrid(t,row,gi,this);} catch (e){}

si= 1;

}

if(ts.p.xmlReader.repeatitems===true){

$(ts.p.xmlReader.cell,this).each( function (i) {

v = this.textContent || this.text;

addCell(t,row,v,i+gi+si, 'false');

rd[ts.p.colModel[i+gi+si].name] = v;

});

} else {

for(var i = 0; i < f.length;i++) {        

v = $(f[i],this).text();

changed = $(f[i],this).attribute();

addCell(t, row, v , i+gi+si,changed);

rd[ts.p.colModel[i+gi+si].name] = v;

}

}

if(j%2 == 1) {row.className = cn;} $(row).addClass("jqgrow");

if( ts.p.treeGrid === true) {

try {$(ts).setTreeNode(rd,row);} catch (e) {}

}

if(typeof ts.p.pagination != "undefined") {

   $(ts.rows[Math.abs(ts.p.pagination.startIndex - j)+fpos+rcnt]).after(row);

} else {

   $(ts.rows[(j)+fpos+rcnt]).after(row);

}

if(afterInsRow) {ts.p.afterInsertRow(row.id,rd,this);}

rd=[];

});

xml = null;

if(isSafari || isOpera) {resizeFirstRow(t,1);}

  if(!ts.p.treeGrid && !ts.p.scroll) {ts.grid.bDiv.scrollTop = 0;}

endReq();

updatepager();

};

showPreviousPage: function() {

       $t = this[0];

       if ( !$t.grid ) { return; }

       if ($t.p.pagination.startIndex >= $t.p.pagination.maxRecordsPerPage) {

           $t.p.pagination.startIndex = $t.p.pagination.startIndex – $t.p.pagination.maxRecordsPerPage;

       }

       else {

          $t.p.pagination.startIndex = 0;

       }

       $($t).trigger('reloadGrid');

},

showNextPage: function() {

       $t = this[0];

       if ( !$t.grid ) { return; }

       $t.p.pagination.startIndex = $t.p.pagination.startIndex + $t.p.pagination.maxRecordsPerPage;

       $($t).trigger('reloadGrid');

}

$("#t_SampleGrid").append("<input type='image' id='showPreviousPage' src='off-prev.gif' title='Previous' onClick= 'jQuery(\"#SampleGrid\").showPreviousPage();'>");

$("#t_SampleGrid").append("<input type='image' id='showNextPage' src='off-next.gif' title='Next' onClick= 'jQuery(\"#SampleGrid\").showNextPage();'>");

jQuery("#newapi").jqGrid({

url:"/resources/res_data/profession",    

mtype: 'POST', 

datatype: "json", 

colNames:['Наименование', 'Код'],

colModel :[

 {name:'name', index:'name', width:110},
 {name:'code',index:'code',width:110}
 ],   


rowNum:10, 

rowList:[10,20,30], 

pager: '#pnewapi', 

sortname: 'name', 

viewrecords: true, 

sortorder: "desc", 

caption:"New API Example" });
 jQuery("#newapi").jqGrid('navGrid','#pnewapi',{edit:false,add:false,del:false});