jqGrid组件显示滚动条

如下为显示滚动条的核心配置
shrinkToFit:false,
autoScroll: true,autowidth:true,

$("#jqGrid").closest(".ui-jqgrid-bdiv").css({ "overflow-x" : "auto" }); 需要拖拉才能显示水平滚动条
$("#jqGrid").closest(".ui-jqgrid-bdiv").css({ "overflow-y" : "auto" }); 需要拖拉才能显示垂直滚动条

$("#jqGrid").closest(".ui-jqgrid-bdiv").css({ "overflow-x" : "scroll" }); 一直显示水平滚动条
$("#jqGrid").closest(".ui-jqgrid-bdiv").css({ "overflow-y" : "scroll" }); 一直显示垂直滚动条

$("#jqGrid").closest(".ui-jqgrid-bdiv").css({ "overflow-x" : "hidden" }); 隐藏水平滚动条
$("#jqGrid").closest(".ui-jqgrid-bdiv").css({ "overflow-y" : "hidden" }); 隐藏垂直滚动条

             var ids = $("#jqGrid").jqGrid("getDataIDs");for (var i = 0; i < ids.length; i++) {var rowId = ids[i];var rowData = $('#jqGrid').jqGrid('getRowData',rowId);var isOnline = rowData.isOnline;if (isOnline == 1)$("#" + rowId).find("td").css("background-color", "green");}
这段代码为变量组件的所有ROW

$(function () {$("#jqGrid").jqGrid({url: baseURL + 'sys/prjbasicinfo/list',datatype: "json",colModel: [{ label: 'id', name: 'id', index: 'id', width: 50, key: true },{ label: '租户ID', name: 'tenantId', index: 'tenant_id', width: 80 },             { label: '工程名称', name: 'prjName', index: 'prj_name', width: 100 },{ label: '开工日期', name: 'beginTime', index: 'begin_time', width: 100 },{ label: '竣工日期', name: 'completedTime', index: 'completed_time', width: 100 },{ label: '所在省', name: 'prjProvince', index: 'prj_province', width: 80 },          { label: '所在市', name: 'prjCity', index: 'prj_city', width: 80 },          { label: '区县', name: 'prjDistrictCounty', index: 'prj_district_county', width: 80 },          { label: '物业名称', name: 'prjCommunity', index: 'prj_community', width: 80 },           { label: '安装位置', name: 'installPosition', index: 'install_position', width: 80 },             { label: '经度', name: 'geoLng', index: 'geo_lng', width: 70 },{ label: '纬度', name: 'geoLat', index: 'geo_lat', width: 70 },{ label: '项目负责人', name: 'prjLeader', index: 'prj_leader', width: 80 },          { label: '项目TEL', name: 'prjLeaderTel', index: 'prj_leader_tel', width: 80 },             { label: '售后负责人', name: 'aftersaleLeader', index: 'aftersale_leader', width: 80 },            { label: '售后TEL', name: 'aftersaleLeaderTel', index: 'aftersale_leader_tel', width: 80 },             { label: '所有方', name: 'prjOwner', index: 'prj_owner', width: 80 },            { label: '所有方TEL', name: 'prjOwnerTel', index: 'prj_owner_tel', width: 80 }           ],viewrecords: true,height: 385,rowNum: 10,shrinkToFit:false,autoScroll: true,rowList : [10,30,50],rownumbers: true, rownumWidth: 35,autowidth:true,multiselect: true,pager: "#jqGridPager",jsonReader : {root: "page.list",page: "page.currPage",total: "page.totalPage",records: "page.totalCount"},prmNames : {page:"page", rows:"limit", order: "order"},gridComplete:function(){//隐藏grid底部滚动条//$("#jqGrid").closest(".ui-jqgrid-bdiv").css({ "overflow-x" : "hidden" });//显示grid底部滚动条$("#jqGrid").closest(".ui-jqgrid-bdiv").css({ "overflow-x" : "scroll" });}});
});

jqGrid组件显示滚动条相关推荐

……OleContainer中嵌入WORD后，用什么办法显示滚动条？？？……
--OleContainer中嵌入WORD后,用什么办法显示滚动条???-- VCL组件开发及应用 http://www.delphi2007.net/DelphiVCL/html/delphi_20 ...
CSS超出部分隐藏，显示滚动条
实现功能: 固定一个高度,超出该高度的部分就隐藏,并且显示滚动条能上拉下滑滚动实现代码: height: 500rpx; overflow-x: hidden; overflow-y: scroll ...
如何让Table显示滚动条
Table显示滚动条,要先把table放到一个div中,div的长度和宽度要固定,控制overflow属性为scroll <div style="width:700px; height ...
解决DataGridView在多线程中无法显示滚动条的问题
解决DataGridView在多线程中无法显示滚动条的问题参考文章: (1)解决DataGridView在多线程中无法显示滚动条的问题 (2)https://www.cnblogs.com/roph ...
PyQt5 技术篇-scrollArea不显示滚动条解决方法，Qt Designer不显示滚动条，滚动条的显示和隐藏
首先给大家展示一下,必显示滚动条的方法. PyQt5设置方法: self.scrollArea.setHorizontalScrollBarPolicy(QtCore.Qt.ScrollBarAlwa ...
QScrollArea不能显示滚动条
转载请注明出处:http://www.cnblogs.com/dachen408/p/7147141.html 问题:QScrollArea不能显示滚动条解决方案:设置QScrollArea-> ...
如何修改select默认option数量多余显示滚动条查看_Chameleon for Mac(mac界面颜色修改工具)...
mac界面颜色如何更改?Chameleon Mac版是Mac平台上的一款桌面颜色改变工具,能帮助用户快速的改变桌面的颜色,使用方便,只需右键单击即可在"明亮和暗色"模式之间切换.C ...
Silverlight显示滚动条
在使用Silverlight做与服务器交互生成的列表时,也许会遇到一个在WEB开发中没想到过的我问题,滚动条. 在IE中,IE会自动更具网页的大小来显示滚动条,所以曾经开发过WEB的开发员,从来不必为 ...
显示滚动条后，table 表头与内容不对齐，JS脚本控制
/*设置高度.滚动条*/ //其他DIV 高度 var tbheight = document.getElementById("div_top").scrollHeight + d ...

jqGrid组件显示滚动条

jqGrid组件显示滚动条相关推荐

最新文章

热门文章