如何在Struts2 jqueryGrid中添加子列标题和符号_Jquery_Jqgrid_Struts2

如何在Struts2 jqueryGrid中添加子列标题和符号

jquery jqgrid struts2

如何在Struts2 jqueryGrid中添加子列标题和符号,jquery,jqgrid,struts2,Jquery,Jqgrid,Struts2,我需要在Struts2 Jquery网格中实现一列像吼叫 ------------------------------ col1 | col2 is main column ________|________________________ | Sub col1 | Sub col 2 ________|___________|____________ /* Data */ in rows format 我和我想在子

我需要在

Struts2 Jquery网格中实现一列
像吼叫
------------------------------  
col1    |   col2 is main column
________|________________________
        |  Sub col1 | Sub col 2
________|___________|____________                 

   /* Data */ in rows format 

我和我想在子列中添加勾选符号。。谁能帮我实现这个目标
我正在使用Struts2 Jquery网格

下面是我的JSP页面，请告诉我哪里出错了
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
  <%@page contentType="text/html" pageEncoding="UTF-8"%>
  <%@ taglib prefix="s" uri="/struts-tags"%>
  <%@ taglib prefix="sj" uri="/struts-jquery-tags"%>
  <%@ taglib prefix="sjg" uri="/struts-jquery-grid-tags"%>
 <html>
     <head>
       <sj:head jquerytheme="redmond" jqueryui="true" />
       <title>JSP Page</title>
       <script type="text/javascript">
    function doGridComplete()
    {
        $("#gridId").jqGrid('setGroupHeaders', { useColSpanStyle: true, groupHeaders:[ {startColumnName: 'idcountry', numberOfColumns: 2, titleText: '<em>col2 is main column</em>'}] }).trigger("reloadGrid");            
    } 


  </script>
    </head>
   <body>
   <s:form name="testform"  >

    <s:url id="topgrid" action="countrygrid"/>
    <s:url id="middlegrid" action="stategrid"/>
    <s:url id="bottomgrid" action="citygrid"/>

    <sjg:grid dataType="json" gridModel="gridModel" navigator="false"
              pager="true"
              viewrecords="true" width="600"
              href="%{topgrid}"
              height="400"
              id="gridId"
                >

        <sjg:gridColumn name="idcountry" title="Country Id" labelSeparator="jak" label="HI this is lable">
        </sjg:gridColumn>
        <sjg:gridColumn name="countryname"  disabled="true" title="Country Name" key="true" align="center"/>
        <sjg:gridColumn name="countryname" title="Country Name" key="true" align="center"/>
        <sjg:gridColumn name="countryname" title="Country Name" key="true" align="center"/>
        <sjg:gridColumn name="countryname" title="Country Name" key="true" align="center"/>

    </sjg:grid>
    <script language='JavaScript' type='text/JavaScript'>

    function doGridComplete()
    {
        $("#gridId").jqGrid('setGroupHeaders', { useColSpanStyle: true, groupHeaders:[ {startColumnName: 'idcountry', numberOfColumns: 2, titleText: '<em>col2 is main column</em>'}] }).trigger("reloadGrid");            
    } 
    doGridComplete();

   </script>
            </s:form>
    </body>
</html>


JSP页面
函数doGridComplete（）
{
$（“#gridId”）.jqGrid（'setGroupHeaders'，{useColSpanStyle:true，groupHeaders:[{startColumnName:'idcountry'，numberOfColumns:2，titleText:'col2是主列'}]}）；
} 
函数doGridComplete（）
{
$（“#gridId”）.jqGrid（'setGroupHeaders'，{useColSpanStyle:true，groupHeaders:[{startColumnName:'idcountry'，numberOfColumns:2，titleText:'col2是主列'}]}）；
} 
doGridComplete（）；

在网格之后调用doGridComplete（）

<sjg:grid dataType="json" gridModel="gridModel" navigator="false"
          pager="true"
          viewrecords="true" width="600"
          href="%{topgrid}"
          height="400"
          id="gridId" 
          onGridCompleteTopics="gridcomplete">

    <sjg:gridColumn name="idcountry" title="Country Id" labelSeparator="jak" label="HI this is lable">
    </sjg:gridColumn>
    <sjg:gridColumn name="countryname" title="Country Name" key="true" align="center"/>
</sjg:grid>

<script language='JavaScript' type='text/JavaScript'>

        function doGridComplete()
        {
             $("#gridId").jqGrid('setGroupHeaders', { useColSpanStyle: true, groupHeaders:[ {startColumnName: 'sub_Col1_name', numberOfColumns: 2, titleText: '<em>col2 is main column</em>'}] });            
        } 
        doGridComplete();

</script>


函数doGridComplete（）
{
$（“#gridId”）.jqGrid（'setGroupHeaders'，{useColSpanStyle:true，groupHeaders:[{startColmnName:'sub#Col1#name'，numberOfColumns:2，titleText:'col2是主列'}]；
} 
doGridComplete（）；

startColumnName
中的sub\u Col1\u name
是要从中开始标题分组的列的名称。希望这有帮助。
@looser您使用的是什么版本的struts2 jqGrid
？@looser您发布的代码中没有idstate
，但您在doGridComplete
函数中使用了它。让我们@looser哇，很高兴听到您可以投票并选择答案嘿。。当我点击列标题时，会出现一些意想不到的行为。。我确实用屏幕截图编辑了我的问题。