修改grid分组行的样式
.x-grid tr.jqgroup td{ background:yellow; }
grid显示内容(不包括表头)字体样式修改
.x-grid tr.x-row-ltr td { text-align: center; font-size:30px; }
获取grid的所有列以及列数
var grid = this.comp('grid1'); grid.$domNode.jqGrid('getGridParam', 'colNames').length//获取列数 grid.$domNode.jqGrid('getGridParam', 'colModel');//获取所有列 grid.$domNode.jqGrid('getGridParam', 'colNames');//获取所有列的label
获取所有行id以及行数
var grid = this.comp('grid1'); grid.$domNode.jqGrid("getRowData").length;//行数 grid.$domNode.jqGrid("getDataIDs");//行id
在grid的单击或者双击事件中获取当前选择的单元格或列信息
var td = event.domEvent.target;//获取触发事件的dom节点 if(td.tagName.toUpperCase()!='TD') {//当grid的列中放了input等组件时，获取的当前元素不是td td = $(td).closest('td')[0];//获取到对应td } var index = $.jgrid.getCellIndex(td);//获取列索引 var colDef = event.source.getColDef(index);//获取列定义 var colName = colDef.name;
设置某一列的grid表头居中
可以在model的onload事件中通过window节点的xid获取到id，然后通过jquery查找去设置 Model.prototype.modelLoad = function(event){ var id = this.getIDByXID("window"); $("#"+id+" .x-grid-hbox").find("th:eq(7)").css("text-align","center"); }; eq:(7)就是设置第几列，7是第8列
grid列标题太长换行显示
可以通过标题样式控制如下： .x-grid-htable th div { white-space: normal !important; height: auto !important; }
grid显示行号列设置列标题“序号”
$(".x-grid-labels th:eq(0)").find("div").append("序号");
showPage设置title后如何传参
justep.Shell.showPage打开页面设置title时用的json格式设置的参数，那么就可以直接在json中设置参数如下： var url ="$UI/appdemo/test/process/windowDialog/staticActivity1.a"; justep.Shell.showPage({url:url,title:"详细页",process:"/appdemo/test/process/windowDialog/windowDialogProcess",activity:"mainActivity",d1:"d1Value"}); 其中的process和activity是功能需要的，d1是自定义的参数,当然这些参数也可以直接在url上拼接 如下： var url ="$UI/appdemo/test/process/windowDialog/staticActivity1.a?process=/appdemo/test/process/windowDialog/windowDialogProcess&activity=mainActivity&d1=d1Value"; justep.Shell.showPage({url:url,title:"详细页",process:"/appdemo/test/process/windowDialog/windowDialogProcess",activity:"mainActivity",d1:"d1Value"},{d2: 'd2Value',d3: 'd3Value'}); 这样传参d1会在url中显示出来，在接收端可以用this.getContext().getRequestParameter('d1')的方式获取d1的值 如果不让参数在url中显示处理可以如下设置 var url ="$UI/appdemo/test/process/windowDialog/staticActivity1.a"; justep.Shell.showPage({url:url,title:"详细页",process:"/appdemo/test/process/windowDialog/windowDialogProcess",activity:"mainActivity"},{d2: 'd2Value',d3: 'd3Value'}); 这样传参d2和d3就不会在url中显示，在接收端onParamsReceive事件中可以通过event.data.d2或者event.params.d2获取d2的值
report组件布局到contents中，contents只能往一个方向滑动
在contents组件中放report组件后，contents中的content滑动切换的时候只能先一个方向滑动，如果出现这个现象可以在report的外层容器的class上加x-scroll-h样式 如下：panel在contents的content中，然后在panel的content中放report，那么就在panel的content的class上加x-scroll-h样式 需要注意的是report出现滚动条的时候需要这样设置，repport没有滚动条不需要这样设置