2012-09-25 5 views
1

Я надеюсь, что кто-то может помочь, поскольку я все время ломаю себе мозги (я уверен, что это что-то глупое, что я сделал).JQGrid для JQuery просто дает пустую страницу

В любом случае, я хочу, чтобы данные из одной из наших систем отображались в JQGrid, я хочу, чтобы данные загружались с одной страницы, поэтому я использую функцию 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> 
+0

Я не пробовал, но, возможно, это будет прописные имена тегов – Sonny

ответ

2

первый: вы должны иметь <div id="gridview"></div> и второй: в:

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 (документ) .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" 
      }); 
     }); 
+0

Большое спасибо недостающей скобка, конечно, не помогла, я нашел проблему данных в конце и somethi? чтобы все знали, что ваши метки ROW и CELL находятся в LOWERCASE !!!! Если вы загладите их как my jqGrid, он игнорирует данные XMLSTRING. – trevrobwhite

Смежные вопросы