如何添加子列標題和符號在Struts2 jqueryGrid

我必須要求實現列Struts2-Jquery Grid 像波紋管如何添加子列標題和符號在Struts2 jqueryGrid

------------------------------ 
col1 | col2 is main column 
________|________________________ 
     | Sub col1 | Sub col 2 
________|___________|____________     

    /* Data */ in rows format

我，我想在分列添加Tick符號..任何一個可以請幫助我如何實現這個我正在使用Struts2 Jquery grid

以下是我的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>

My Grid Output When I do click on column headers

來源

2014-01-24 Babel

您電話網後的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>

在startColumnNamesub_Col1_name是你要啓動的頭從分組列的名稱。希望這可以幫助。

來源

2014-01-24 05:12:42

@looser你使用的是什麼版本的'struts2-jqGrid'？ –

@looser你可以發佈你的jsp代碼嗎？ –

@looser你沒有'idstate'在你發佈的代碼中，但是你在'doGridComplete'函數中使用了它。 –

如何添加子列標題和符號在Struts2 jqueryGrid

回答

相關問題