Я пытаюсь следовать учебному пособию jqGrid по адресу http://www.secondpersonplural.ca/jqgriddocs/index.htm.
На странице "HTML" в разделе "Создание вашей первой сетки" они приводят пример веб-страницы.
<html>
<head>
<title>jqGrid Demo</title>
<link rel="stylesheet" type="text/css" media="screen" href="themes/basic/grid.css" />
<link rel="stylesheet" type="text/css" media="screen" href="themes/jqModal.css" />
<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.jqGrid.js" type="text/javascript"></script>
<script src="js/jqModal.js" type="text/javascript"></script>
<script src="js/jqDnR.js" type="text/javascript"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery("#list").jqGrid({
url:'example.php',
datatype: 'xml',
mtype: 'GET',
colNames:['Inv No','Date', 'Amount','Tax','Total','Notes'],
colModel :[
{name:'invid', index:'invid', width:55},
{name:'invdate', index:'invdate', width:90},
{name:'amount', index:'amount', width:80, align:'right'},
{name:'tax', index:'tax', width:80, align:'right'},
{name:'total', index:'total', width:80, align:'right'},
{name:'note', index:'note', width:150, sortable:false} ],
pager: jQuery('#pager'),
rowNum:10,
rowList:[10,20,30],
sortname: 'id',
sortorder: "desc",
viewrecords: true,
imgpath: 'themes/basic/images',
caption: 'My first grid'
});
});
</script>
</head>
<body>
<table id="list" class="scroll"></table>
<div id="pager" class="scroll" style="text-align:center;"></div>
</body>
</html>
Когда я загружаю эту страницу, после загрузки jQuery, распаковки полной установки jqGrid и распаковки (по умолчанию полной) темы из Themeroller (и перемещения содержимого development-bundle / в родительский каталогсо всем остальным), я получаю пустую страницу.
Немного ковыряясь, я вижу некоторые вспомогательные файлы, но не другие.HTML-код извлекает, например, js / jqModal.js и themes / jqModal.css.У меня есть jqModal.js, но jqModal.css - это 404, и мне пока не удалось найти, где его взять.(было бы лучше, если бы документы дали образец XML-файла вместо указания директив для создания XML на стороне сервера), но я был бы заинтересован в образце XML и файлах, которые мне не хватает.
Где я могу получить файлы, такие как jqModal.css и themes / basic / grid.css, которые, как мне кажется, нужны? Есть ли образец XML, который я могу использовать, прежде чем я соберу материал на сервере для сборкиФайл данных XML?
- Изменить -
Я изменил URL данных с «example.php» на «example.xml» и сохранил там следующее:
<?xml version ="1.0" encoding="utf-8"?>
<rows>
<page>1</page>
<total>2</total>
<records>2</records>
<row id = "1">
<cell> cellcontent </cell>
<cell> <![CDATA[<font color=”red”>cell</font> content]]> </cell>
</row>
<row id = "2">
<cell> cellcontent </cell>
<cell> <![CDATA[<font color=”red”>cell</font> content]]> </cell>
</row>
</rows>
(В документации приведен пример XML со смарт-цитатами, но замена смарт-цитат стандартными кавычками не изменила их поведение.)
Я все еще получаю пустую страницу.(Как и в Chrome, я проверил это в Firefox и IE: все еще пустая страница с заголовком, но больше ничего не видно.)