jqGrid的例子，按照官方网络上面配置的。资源-CSDN文库

共63个文件

js：43个

png：14个

css：4个

jqGrid

3星 · 超过75%的资源需积分: 9 10 浏览量 2010-01-10 14:37:11 上传评论收藏 170KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

jqGrid-demo.rar （63个子文件）

jqGrid-demo

css

ui-lightness

images

ui-bg_glass_80_d7ebf9_1x400.png 124B

ui-bg_highlight-hard_70_000000_1x100.png 118B

ui-bg_diagonals-thick_90_eeeeee_40x40.png 251B

ui-icons_2694e8_256x240.png 4KB

ui-bg_highlight-soft_100_deedf7_1x100.png 143B

ui-icons_ffffff_256x240.png 4KB

ui-icons_3d80b3_256x240.png 4KB

ui-bg_highlight-soft_25_ffef8f_1x100.png 119B

ui-bg_highlight-hard_100_f2f5f7_1x100.png 103B

ui-bg_glass_50_3baae3_1x400.png 131B

ui-bg_flat_15_cd0a0a_40x100.png 181B

ui-icons_2e83ff_256x240.png 4KB

ui-bg_glass_100_e4f1fb_1x400.png 158B

ui-icons_72a7cf_256x240.png 4KB

jquery-ui-1.7.2.custom.css 27KB

global.css 2KB

jscript

jquery-1.3.2.min.js 56KB

jqGrid

myfirstgrid.html 3KB

src

css

ui.jqgrid.css 9KB

jquery.searchFilter.css 483B

grid.celledit.js 15KB

jquery.searchFilter.js 30KB

jquery.fmatter.js 16KB

i18n

grid.locale-cat.js 4KB

grid.locale-cs.js 4KB

grid.locale-fa.js 4KB

grid.locale-pt.js 4KB

grid.locale-dk.js 4KB

grid.locale-bg.js 5KB

grid.locale-no.js 3KB

grid.locale-el.js 5KB

grid.locale-sp.js 4KB

grid.locale-pt-br.js 4KB

grid.locale-de.js 4KB

grid.locale-it.js 4KB

grid.locale-fi.js 4KB

grid.locale-ru.js 5KB

grid.locale-is.js 4KB

grid.locale-en.js 4KB

grid.locale-pl.js 4KB

grid.locale-tr.js 4KB

grid.locale-sv.js 3KB

grid.locale-jp.js 5KB

grid.locale-fr.js 4KB

grid.locale-nl.js 5KB

grid.locale-ua.js 5KB

grid.locale-bg1251.js 4KB

grid.common.js 17KB

jqDnR.js 2KB

grid.custom.js 24KB

grid.loader.js 2KB

grid.setcolumns.js 5KB

jqModal.js 3KB

grid.import.js 7KB

JsonXml.js 9KB

grid.postext.js 2KB

grid.formedit.js 59KB

grid.treegrid.js 13KB

grid.subgrid.js 8KB

grid.tbltogrid.js 3KB

grid.inlinedit.js 7KB

grid.base.js 68KB

myfirstgrid.html~ 3KB

<!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>My First Grid</title> <link rel="stylesheet" type="text/css" media="screen" href="../css/ui-lightness/jquery-ui-1.7.2.custom.css" /> <link rel="stylesheet" type="text/css" media="screen" href="js/src/css/ui.jqgrid.css" /> <link rel="stylesheet" type="text/css" media="screen" href="js/src/css/jquery.searchFilter.css" /> <link rel="stylesheet" type="text/css" media="screen" href="../css/global.css"/> <style> html, body { margin: 0; padding: 0; font-size: 75%; } </style> <script src="../jscript/jquery-1.3.2.min.js" type="text/javascript"></script> <script src="js/src/grid.loader.js" type="text/javascript"></script> </head> <body> <div style="font-size:12px;"> This example show how we can load array data. In this case we use a addRowData method. </div> <br /> <table id="list4" class="scroll" cellpadding="0" cellspacing="0"></table> <br /> <div style="font-size:12px;"> <b> HTML </b> <table id="list4" class="scroll" cellpadding="0" cellspacing="0"></table> <b>Java Scrpt code</b> <script type="text/javascript"> jQuery("#list4").jqGrid({ datatype: "local", height: 250, colNames:['Inv No','Date', 'Client', 'Amount','Tax','Total','Notes'], colModel:[ {name:'id',index:'id', width:60, sorttype:"int"}, {name:'invdate',index:'invdate', width:90, sorttype:"date"}, {name:'name',index:'name', width:100}, {name:'amount',index:'amount', width:80, align:"right",sorttype:"float"}, {name:'tax',index:'tax', width:80, align:"right",sorttype:"float"}, {name:'total',index:'total', width:80,align:"right",sorttype:"float"}, {name:'note',index:'note', width:150, sortable:false} ], imgpath: 'themes/sand/images', multiselect: true, caption: "Manipulating Array Data" }); var mydata = [ {id:"1",invdate:"2007-10-01",name:"test",note:"note",amount:"200.00",tax:"10.00",total:"210.00"}, {id:"2",invdate:"2007-10-02",name:"test2",note:"note2",amount:"300.00",tax:"20.00",total:"320.00"}, {id:"3",invdate:"2007-09-01",name:"test3",note:"note3",amount:"400.00",tax:"30.00",total:"430.00"}, {id:"4",invdate:"2007-10-04",name:"test",note:"note",amount:"200.00",tax:"10.00",total:"210.00"}, {id:"5",invdate:"2007-10-05",name:"test2",note:"note2",amount:"300.00",tax:"20.00",total:"320.00"}, {id:"6",invdate:"2007-09-06",name:"test3",note:"note3",amount:"400.00",tax:"30.00",total:"430.00"}, {id:"7",invdate:"2007-10-04",name:"test",note:"note",amount:"200.00",tax:"10.00",total:"210.00"}, {id:"8",invdate:"2007-10-03",name:"test2",note:"note2",amount:"300.00",tax:"20.00",total:"320.00"}, {id:"9",invdate:"2007-09-01",name:"test3",note:"note3",amount:"400.00",tax:"30.00",total:"430.00"} ]; for(var i=0;i<=mydata.length;i++) jQuery("#list4").addRowData(i+1,mydata[i]); </script> </div> </body> </html>

评论收藏

内容反馈