Jquery Jqgrid使用手册.doc

该【Jquery Jqgrid使用手册 】是由【夜紫儿】上传分享，文档一共【89】页，该文档可以免费在线阅读，需要了解更多关于【Jquery Jqgrid使用手册 】的内容，可以使用淘豆网的站内搜索功能，选择自己适合的文档，以下文字是截取该文章内的部分文字，如需要获得完整电子版，请下载此文档到您的设备，方便您编辑和打印。一、电子信息技术...........................................................................................................................2,一,软件...................................................................................................错误~未定义书签。2,二,微电子技术.....................................................................................错误~未定义书签。4,三,计算机及网络技术...........................................................................错误~未定义书签。5,四,通信技术...........................................................................................错误~未定义书签。6,五,广播电视技术.................................................................................错误~未定义书签。7,六,新型电子元器件...............................................................................错误~未定义书签。9,七,信息安全技术...................................................................................错误~未定义书签。9,八,智能交通技术.................................................................................错误~未定义书签。10二、生物与新医药技术...................................................................................................................3,一,医药生物技术.................................................................................错误~未定义书签。11,二,中药、天然药物.............................................................................错误~未定义书签。12,三,化学药.............................................................................................错误~未定义书签。13,四,新剂型及制剂技术.........................................................................错误~未定义书签。14,五,医疗仪器技术、设备与医学专用软件.........................................错误~未定义书签。15,六,轻工和化工生物技术.....................................................................错误~未定义书签。15,七,现代农业技术.................................................................................错误~未定义书签。16三、航空航天技术...........................................................................................................................3四、新材料技术.............................................................................................................................10,一,金属材料.........................................................................................错误~未定义书签。18,二,无机非金属材料.............................................................................错误~未定义书签。21,三,高分子材料.....................................................................................错误~未定义书签。21,四,生物医用材料.................................................................................错误~未定义书签。23,五,、精细化学品...................................................................................错误~未定义书签。23五、高技术服务业.........................................................................................................................12六、新能源及节能技术.................................................................................................................19,一,可再生清洁能源技术.....................................................................错误~未定义书签。26,二,核能及氢能.....................................................................................错误~未定义书签。28,三,新型高效能量转换与储存技术.....................................................错误~未定义书签。28,四,高效节能技术.................................................................................错误~未定义书签。29七、资源与环境技术.....................................................................................................................21,一,水污染控制技术.............................................................................错误~未定义书签。30,二,大气污染控制技术.........................................................................错误~未定义书签。31,三,固体废弃物的处理与综合利用技术.............................................错误~未定义书签。31,四,环境监测技术.................................................................................错误~未定义书签。32,五,生态环境建设与保护技术.............................................................错误~未定义书签。32,六,清洁生产与循环经济技术.............................................................错误~未定义书签。32,七,资源高效开发与综合利用技术.....................................................错误~未定义书签。33八、高新技术改造传统产业.........................................................................................................30,一,工业生产过程控制系统.................................................................错误~未定义书签。34,二,高性能、智能化仪器仪表.............................................................错误~未定义书签。34,三,先进制造技术.................................................................................错误~未定义书签。35,四,新型机械.........................................................................................错误~未定义书签。36,五,电力系统信息化与自动化技术.....................................................错误~未定义书签。36,六,汽车行业相关技术.........................................................................错误~未定义书签。37一、jqGrid学****jqGrid学****之-------------安装jqGrid安装很简单,只需把相应的css、js文件加入到页面中即可。按照官网文档:*/myproject/css/-lightness/+/images/+jquery-ui-*/myproject/js/o/i18n/+-+listofalllanguagefiles+….-。在页面中写法:<!DOCTYPEhtmlPUBLIC"-//W3C////EN""/xhtml1/DTD/xhtml1-"><htmlxmlns="9/xhtml"xml:lang="en"lang="en"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><title>MyFirstGrid</title><linkrel="stylesheet"type="text/css"media="screen"href="css/ui-lightness/jquery-ui-"/><linkrel="stylesheet"type="text/css"media="screen"href="js/src/css/"/><linkrel="stylesheet"type="text/css"media="screen"href="js/src/css/"/><style>html,body{margin:0;padding:0;font-size:75%;}</style><scriptsrc="js/jquery-"type="text/javascript"></script><scriptsrc="js/src/"type="text/javascript"></script></head><body>...</body></html>需要说明的是,jquery-ui的字体大小与jqgrid字体大小不一致,故需要在页面上在加上一段style来指定页面上文字大小。二、jqGrid学****之---------,jqGrid完全支持jqueryUI的theme。我们可以从/themeroller/下载我们所需要的theme。当然,你也可以编辑自己的theme。jqGrid也并不需要把所有的css文件都引入进来,只需导入核心css文件“”以及“”即可,文件位于目录development-bundle/themes下。三、jqGrid学****--------------jqGrid参数url获取数据的地址从服务器端返回的数据类型,默认xml。可选类型:xml,datatypelocal,json,jsonnp,script,xmlstring,jsonstring,clientsidemtypeajax提交方式。POST或者GET,默认GETcolNames列显示名称,是一个数组对象。对显示列属性的设置,是一个数组对象。常用到的属性:name列显示的名称;index传到服务器端用来排序用的colModel列名称;width列宽度;align对齐方式;sortable是否可以排序定义翻页用的导航栏,必须是有效的html元素。翻页工pager具栏可以放置在html页面任意位置rowNum在grid上显示记录条数,这个参数是要被传递到后台一个下拉选择框,用来改变显示记录数,当选择时会覆盖rowListrowNum参数传递到后台默认的排序列。可以是列名称或者是一个数字,这个参数sortname会被提交到后台viewrecord定义是否要显示总记录数scaption表格名称是否可参数参数名称描述默认值以类型被修改ajaxGridobje对ajax参数进行全局设置,可以覆盖ajax事件:plete和beforeSendajaxGridobje对ajax参数进行全局设置空值是OptionsctajaxSele对ajax的select参数进行全局设置,设置objectOptioneditoptions跟searchoptions参数的select空值是cts属性值是,ui-priorit但Stri用来指定行显示的css,可以编辑自己的css文altclassy-secondar需ng件,只有当altRows设为ture时起作用y要重新加载是,需boolaltRows设置表格zebra-striped值false重ean新加载autoencobool当为ture时对url进行编码false是deean如果为ture时,则当表格在首次被创建时会根autowidtbool据父元素比例重新调整表格宽度。如果父元素宽false否hean度改变,为了使表格宽度能够自动调整则需要实现函数:setGridWidth否,但是可Stricaption定义表格名称空值以ng用api修改定义了单元格padding+border宽度。通常不cellLayointe必修改此值。初始值为5,paddingLef?5否utger2+paddingRight?2+borderLeft?1=5boolcellEdit启用或者禁用单元格编辑功能false是eancellsubmStri定义了单元格内容保存位置:“remote”,‘remote’是itng“clientArray”Stricellurl单元格提交的url空值是ngarracolModel描述列信息的数组空值否yarracolNames放置列名称的数组,必须与colModel大小相同空数组否y[]Stridatastrxmlstring或者jsonstring空值是ngdatatypestri表格可以被接受的数据类型:xml,xmlstring,xml是ngjson,local,functiondeselectbool只有当datatype为local时起作用。当排序时AfterSortrue是ean不选择当前行tdirectiostri表格中文字的显示方向,从左向右(ltr)或者ltr否nng从右向左(rtr)。striediturl定义对form编辑时的url空值是ngemptyrecstri当返回的数据行数为0时显示的信息。只有当属在语言包中是ordsng性viewrecords设置为ture时起作用ExpandCobool当为true时,点击展开行的文本时,treeGridtrue否lClickean就能展开或者收缩,不仅仅是点击图片ExpandCostri指定那列来展开treegrid,默认为第一列,只空值否lumnng有在treeGrid为true时起作用footerrobool当为true时,会在翻页栏之上增加一行false否weanbool当为ture时,调整列宽度不会改变表格的宽度。forceFitfalse否ean当shrinkToFit为false时,此属性会被忽略gridstatstri定义当前表格的状态:'visible'or'hidden'visible否eng构造一行数据后添加到grid中,如果设为truebool则是将整个表格的数据都构造完成后再添加到gridviewfalse是eangrid中,但treeGrid,subGrid,orafterInsertRow不能用mixeheight表格高度,可以是数字,像素值或者百分比150否d当为ture时,表格不会被显示,只显示表格的hiddengrbool标题。只有当点击显示表格的那个按钮时才会去false否idean初始化表格数据。只有当caption属性不为空而且hidegrid为ture时才起作用bool启用或者禁用控制表格显示、隐藏的按钮,只有hidegridtrue否ean当caption属性不为空时起效