jqgrid 问题笔记(1)

《jqgrid 问题笔记(1)》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、jqGrid问题笔记(1)文章分类:Web前端所谓问题可能不是jqgrid本身问题，而是浏览器或应用的特殊需要而产生的问题。 01.单元格内的文本自动换行：加入样式：.ui-jqgridtr.jqgrowtd{   white-space:normal!important;   height:auto;   vertical-align:text-top;   padding-top:2px;} 具体说明可参阅：http://blog.qumsieh.ca/2009/12/03/jqgrid-textword-wrappin

2、g/02.保持显示垂直滚动条在IE中记录比较少的时候，默认情况下不显示垂直滚动条，会出现标题行与数据行位置对不齐的情况，通过保持显示垂直滚动条可以解决这个问题。    $(pGridId).closest(".ui-jqgrid-bdiv").css({'overflow-y':'scroll'}); 需要保持水平滚动条，则：   $(pGridId).closest(".ui-jqgrid-bdiv").css({'overflow-x':'scroll'}); 03.控制列的水平宽度 当表字段比较多时，如果按照colMo

3、del指定的宽度，整个jqGrid宽度会太宽，我们通常希望控制一下grid的宽度，并同时保持各列的指定宽度。可以指定jgrid的参数shrinkToFit:false。shrinkToFit属性用来说明当初始化列宽度时候的计算类型，如果为ture，则按比例初始化列宽度。如果为false，则列宽度使用colModel指定的宽度。同时需要控制jqgrid的宽度。通过autowidth:true属性可以达到目地。 04.高度随记录数自动变化.使用height:'auto'参数. 不理想的是，在IE6中，当字段比较多并出现水平滚动条

4、时，感觉会比较难受。参考保持垂直滚动条的办法，保持一个水平滚动条，高度是对了。(使用的Firefox3.6没发现这个问题,所以说IE比较烂并不是空穴来风) Js代码1.if($.browser.msie) {      2.    // 保持垂直滚动条   3.    // $( pGridId ).closest(".ui-jqgrid-bdiv").css({ 'overflow-y' : 'scroll' });    4.    // 保持水平滚动条  5.    $( pGridId ).closest(".ui-

5、jqgrid-bdiv").css({ 'overflow-x' : 'scroll' });    6.}  if($.browser.msie){//保持垂直滚动条//$(pGridId).closest(".ui-jqgrid-bdiv").css({'overflow-y':'scroll'});//保持水平滚动条$(pGridId).closest(".ui-jqgrid-bdiv").css({'overflow-x':'scroll'});} 05.jqgrid和validation插件一起使用的问题 在提交表

6、单的时候，会报错：'settings'isnullornotanobject. 'setting'为空或不是对象. http://www.trirand.com/blog/?page_id=393/help/jqgrid-validation-plugin-issue/有这样的问题报告， 目前还是有这样的问题。 06.动态修改jqgrid提交的参数 具体的说明可以参考http://www.trirand.com/jqgridwiki/doku.php?id=wiki:post_data_module这里举个例子：当你需要根据

7、用户的输入过滤jqgrid的显示数据，可以这样实现，Js代码1.userName = $( '#userName' ).val( );   // input 的值  2.  1.userCode =  $( '#userCode' ).val( );   // input 的值  2.  3.jQuery('#grid_user').appendPostData( { userName :userName , userCode :userCode }   4.  5.这样，刷新 grid 数据时，提交到服务器的数据将包含这 

8、userName 和 userCode两项。  userName=$('#userName').val();//input的值userCode=$('#userCode').val();//input的值jQuery('#grid_user').appendPostData({userNa