Question

'嗨，我是新手使用jquery和jqgrid并遇到了一个我无法解决的问题，并且已经搜索了每个地方的答案，但没有找到答案。'

'我正在coldfusion环境中开发，我的网格加载和填充很好，但我启用的分组不起作用，我认为它可能是我的JSON数据格式，但不能确定。'

'我的JSON格式如下：'

    {"ROWS":[["Account Enquiry","Adding a myki",77.0,105.0,-0.27,385.0,601.0,-0.36],   ["Account Enquiry","Archive cards",0.0,64.0,0.00,451.0,17.0,25.53],["Account Enquiry","Cancelling an account",27.0,52.0,-0.48,164.0,165.0,-0.01],["Account Enquiry","Change of details",305.0,483.0,-0.37,2400.0,2311.0,0.04],["Account Enquiry","Consolidate cards",0.0,84.0,0.00,685.0,45.0,14.22],["Account Enquiry","Obtain Balance",560.0,1272.0,-0.56,6828.0,3604.0,0.89],["Account Enquiry","Removing a myki",16.0,28.0,-0.43,87.0,112.0,-0.22],["Account Enquiry","Retrieve cards",0.0,13.0,0.00,56.0,1.0,55.00],["Account Enquiry","Tax invoice request",11.0,33.0,-0.67,103.0,42.0,1.45],["Account Enquiry","Transaction history",502.0,1035.0,-0.51,5370.0,3334.0,0.61]],"PAGE":1.0,"RECORDS":10,"TOTAL":1.0}

'使用以下CFC。'

    <cfcomponent displayname="InvoiceMgr"  output="false">
    <cffunction name="getInvoices" access="remote" output="false" returnformat="json">
    <cfset invoices = ArrayNew(1) />
    <cfquery datasource="CS_1″ name="q">
    SELECT  top 10   name, segment, current_month, previous_month, convert(numeric(17,2),m_variance) as m_variance, current_year, previous_year, Convert(numeric(17,2),y_variance) as y_variance
    FROM         dbo.csg_disposition_dashboard_4
    group by name, segment, current_month, previous_month, m_variance, current_year,     previous_year,y_variance
    order by name asc
    </cfquery>
    <cfloop query="q">
    <cfset invoices[currentrow] = [#name#,#segment#,#current_month#, #previous_month#,#m_variance#, #current_year#, #previous_year#,#y_variance#]>
    </cfloop>
    <cfset str = {total=1, page=1, records=#q.recordcount#, rows=invoices}>
    <cfreturn str />
    </cffunction>
    </cfcomponent>

'我正在使用的Javascript是：' jqGrid的

<!–<link rel="stylesheet" type="text/css" href="http://www.ok-soft-gmbh.com/jqGrid/jquery.jqGrid-3.7.2/css/ui.jqgrid.css" />–>
    <script type="text/javascript" src="/Jquery/jquery-1.6.2.min.js"></script>

    <script type="text/javascript" src="/Jquery/js/jquery-ui-1.8.14.custom.min.js"> 
    </script>

    <script type="text/javascript" src="/Jquery/src/i18n/grid.locale-en.js"></script>
    <script type="text/javascript" src="/Jquery/src/grid.base.js"></script>
    <script type="text/javascript" src="/Jquery/src/grid.common.js"></script>
    <script type="text/javascript" src="/Jquery/src/grid.formedit.js"></script>
    <script type="text/javascript" src="/Jquery/src/grid.inlinedit.js"></script>
    <script type="text/javascript" src="/Jquery/src/grid.custom.js"></script>
    <script type="text/javascript" src="/Jquery/src/jquery.fmatter.js"></script>
    <script type="text/javascript" src="/Jquery/src/grid.grouping.js"></script>
    <script type="text/javascript" src="/Jquery/src/grid.treegrid.js"></script>
    <script type="text/javascript" src="/Jquery/src/grid.jqueryui.js"></script>

    <!–<script type="text/javascript" src="/Jquery/js/i18n/grid.locale-en.js"></script>
    <script type="text/javascript" src="/Jquery/js/jquery.jqGrid.min.js"></script>–>
    <script type="text/javascript">
    $(document).ready(function(){
    $("#list").jqGrid({
    url:'contacts1.cfc?method=getInvoices',
    datatype: 'json',
    colNames:['Source','Segment','August','July','Variance','2011','2010','Variance'],
    colModel :[
    {name:'name',index:'name', width:250, editable:true},
    {name:'segment',index:'segment', width:200},
    {name:'current_month',index:'current_month',    width:100,align:"center",sorttype:"int",summaryType:'sum'},
    {name:'previous_month',index:'previous_month', width:100,align:"center",sorttype:"int",summaryType:'sum'},
    {name:'m_variance',index:'m_variance', width:80,align:"center",sorttype:"int",summaryType:'avg'},
    {name:'current_year',index:'current_year', width:100,align:"center",sorttype:"int",summaryType:'sum'},
    {name:'previous_year',index:'previous_year', width:100,align:"center",sorttype:"int",summaryType:'sum'},
    {name:'y_variance',index:'y_variance', width:80,align:"center",sortable:false,summaryType:'avg'}],
    pager: $('#pager'),
    rowList:[100,300,600,1000],
    width: 'auto',
    height: 'auto',
    sortname: "name",
    sortorder: "desc",
    viewrecords: true,
    jsonReader: {
    root: "ROWS",
    page: "PAGE",
    total: "TOTAL",
    cell: "",
    id: "id",
    caption: "Disposition Codes",
    grouping:true,
    groupingView : {
           groupField : ['name'],
        groupDataSorted : true
            }

    }}
    );
    });
    </script>
    </head>
    <body>
    <table id="list" class="scroll"> <div id="pager" class="scroll" style="text-    align:center;"> </body>
    </html>

'我真的希望得到一些帮助，因为我正处于理智的尽头，正在打击桌面。

期待有人知道答案。

此致海迈松”

Answer 1

确保您的jQGrid版本为3.8+，因为它不适用于以前的版本。您定义jqgrid脚本文件的方式，似乎您使用的是旧版本

使用Coldfusion Json数据的Jqgrid - 分组不起作用？

1 个答案: