1

私は今朝ずっと頭を悩ませてきたので、誰かが助けてくれることを願っています（私がやったことは愚かなことだと確信しています）。

とにかく、システムの1つからのデータをJQGridに表示したいのですが、データを1つのページからロードしたいので、StringXML機能を使用していますが、含めるとページに何も表示されないという問題があります。これはアラートを表示しますが、すべてのファイルが正常にロードされ、エラーコンソールにエラーがない場合でも、グリッドは表示されません。

以下のコードを貼り付けましたが、明らかな問題はありますか？

<HTML><HEAD>
<script type='text/javascript' src='includes/jquery/jquery-1.7.2.min.js'></script>
<script type='text/javascript' src='includes/jquery/jquery-ui-1.8.22.custom.min.js'></script>
<link rel="stylesheet" type="text/css" media="screen" href="includes/jquery/jquery-ui-1.8.22.custom.css" />
<link rel="stylesheet" type="text/css" media="screen" href="includes/grid/ui.jqgrid.css" />
<script src="includes/grid/js/il8n/grid.locale-en.js" type="text/javascript"></script>
<script src="includes/grid/js/jquery.jqGrid.min.js" type="text/javascript"></script>
</HEAD><BODY>
<SCRIPT>var liststr = "<?xml version='1.0' encoding='utf-8'?><GRIDDATA><ROWS>
<ROW><CELL>Fri 24 Aug 2012 17:19</CELL><CELL>5</CELL></ROW>
<ROW><CELL>Fri 24 Aug 2012 18:20</CELL><CELL>5</CELL></ROW>
<ROW><CELL>Fri 24 Aug 2012 19:21</CELL><CELL>5</CELL></ROW>
<ROW><CELL>Fri 24 Aug 2012 20:22</CELL><CELL>5</CELL></ROW>
<ROW><CELL>Fri 24 Aug 2012 21:23</CELL><CELL>5</CELL></ROW>
<ROW><CELL>Fri 24 Aug 2012 22:24</CELL><CELL>5</CELL></ROW>
<ROW><CELL>Fri 24 Aug 2012 23:25</CELL><CELL>5</CELL></ROW>
<ROW><CELL>Sat 25 Aug 2012 00:26</CELL><CELL>5</CELL></ROW>
<ROW><CELL>Sat 25 Aug 2012 01:27</CELL><CELL>5</CELL></ROW>
<ROW><CELL>Sat 25 Aug 2012 02:28</CELL><CELL>5</CELL></ROW>
<ROW><CELL>Sat 25 Aug 2012 03:29</CELL><CELL>5</CELL></ROW>
</ROWS></GRIDDATA>";

jQuery(document).ready(function() {
            jQuery("#gridview").jqGrid({ 
            datatype: 'xmlstring', datastr: 'liststr', height: 250, 
            colNames:['Date', 'Lic1'], 
            colModel:[    
                {name:'date',index:'date', width:90, sorttype:'date'}, {name:'30300', index:'30300', width: 200, sorttype:'int'}],
            multiselect: true,
            caption: "Licenses in Use"
            })
        ;}
</SCRIPT>
4

1 に答える 1

2

<div id="gridview"></div>1番目：と2番目：が必要です：

jQuery(document).ready(function() {
            jQuery("#gridview").jqGrid({ 
            datatype: 'xmlstring', datastr: 'liststr', height: 250, 
            colNames:['Date', 'Lic1'], 
            colModel:[    
                {name:'date',index:'date', width:90, sorttype:'date'}, {name:'30300', index:'30300', width: 200, sorttype:'int'}],
            multiselect: true,
            caption: "Licenses in Use"
            })
        ;}

「jQuery（document）.ready（」の最新の括弧を見逃しているため、コードは次のようになります。

jQuery(document).ready(function() {
            jQuery("#gridview").jqGrid({ 
            datatype: 'xmlstring', datastr: 'liststr', height: 250, 
            colNames:['Date', 'Lic1'], 
            colModel:[    
                {name:'date',index:'date', width:90, sorttype:'date'}, {name:'30300', index:'30300', width: 200, sorttype:'int'}],
            multiselect: true,
            caption: "Licenses in Use"
            });
        });
于 2012-09-25T13:10:40.553 に答える