修改grid分组行的样式
.x-grid tr.jqgroup td{ background:yellow; }
.x-grid tr.jqgroup td{ background:yellow; }
.x-grid tr.x-row-ltr td { text-align: center; font-size:30px; }
var grid = this.comp('grid1'); grid.$domNode.jqGrid('getGridParam', 'colNames').length//获取列数 grid.$domNode.jqGrid('getGridParam', 'colModel');//获取所有列 grid.$domNode.jqGrid('getGridParam', 'colNames');//获取所有列的label
var grid = this.comp('grid1'); grid.$domNode.jqGrid("getRowData").length;//行数 grid.$domNode.jqGrid("getDataIDs");//行id
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;
可以在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列
可以通过标题样式控制如下: .x-grid-htable th div { white-space: normal !important; height: auto !important; }
$(".x-grid-labels th:eq(0)").find("div").append("序号");
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的值
在contents组件中放report组件后,contents中的content滑动切换的时候只能先一个方向滑动,如果出现这个现象可以在report的外层容器的class上加x-scroll-h样式 如下:panel在contents的content中,然后在panel的content中放report,那么就在panel的content的class上加x-scroll-h样式 需要注意的是report出现滚动条的时候需要这样设置,repport没有滚动条不需要这样设置