Question

如何使用jqgrid中的索引或行号更改行颜色？

此处将广告数据添加到文本字段中。然后我们可以编辑行数据。如果行列为空，那行将改变其颜色怎么做？

我使用java代码获得了行ID。即行id = 2,3为空。如何使用此ID更改其颜色？

jsp网格加载代码：

<s:url id="mobbillid" action="newmul_mob_gridact" />   
    <sjg:grid caption="EMPLOYEE MOBILEBILL DETAILS"
              gridModel="mobbill_gridModel" 
              height="200"
              href="%{mobbillid}"
              id="gridtab"
              cellEdit="true"
              cellurl="%{mobbillid}"              
              rownumbers="true"
              viewrecords="true"
              pager="true"
              pagerPosition="center"
              navigator="true"
              navigatorSearch="true"
              navigatorSearchOptions="{multipleSearch:true}"
              navigatorDelete="false"
              navigatorEdit="false"
              loadonce="true"
              rowNum="10000"
              multiselect="true"
              reloadTopics="reloadSearchedClaims"
              footerrow="false"
              userDataOnFooter="true"
              onSelectRowTopics="rowselect"
            >
        <sjg:gridColumn name="newsin_mob_faname" index="newsin_mob_faname" title="FAcode" width="100" />
        <sjg:gridColumn name="newsin_mob_name" index="newsin_mob_name" title="FANAME" width="100" />
        <sjg:gridColumn name="newsin_mob_no" index="newsin_mob_no" title="MOBNO" width="100" />
        <sjg:gridColumn name="newsin_mob_billno" index="newsin_mob_billno" title="BILLNO" width="40" editoptions="true" editable="true"  />
        <sjg:gridColumn name="newsin_mob_billamt" index="newsin_mob_billamt" title="BILLAMT" width="90" editable="true" />
        <sjg:gridColumn name="newsin_mob_othchrg" index="newsin_mob_othchrg" title="OTHCHRG" width="95" editable="true" />
        <sjg:gridColumn name="newsin_mob_psts" index="newsin_mob_psts" title="refid" width="70" align="right"  hidden="true"/>
        <sjg:gridColumn name="newsin_mob_rmrk" index="newsin_mob_rmrk" title="REMARK" width="75" align="right"  editable="true"/>
        </sjg:grid>

enter image description here

Answer 1

其中一种方法是使用错误（f.i. class =“error”）为行或列分配一个类。在你的CSS中你可以指定你的颜色。

我仍然希望通过id执行此操作，如果已将id分配给行或列中名为id的属性，则使用$("tr[id=2]")或$("td[id=2]")查找具有id的元素。

Answer 2

如果我正确理解您的要求，您可以使用setRowData来突出显示指定的jqGrid行。

$("#gridtab").jqGrid("setRowData", rowid, false, "ui-state-highlight");

或只是

$("#" + rowid).addClass("ui-state-highlight");

或更常见的情况（如果rowid可以包含meta-characters）

$("#" + $.jgrid.jqID(rowid)).addClass("ui-state-highlight");

其中rowid是您需要突出显示的行的ID。我在上面的代码中使用了标准的jQuery UI类"ui-state-highlight"。可以通过设置color，background-color，background-image或其他一些CSS属性来突出显示该行的任何其他类来定义CSS规则，并使用它而不是"ui-state-highlight"。

如何使用jqgrid中的索引或行号更改行颜色？

2 个答案: