У меня есть jqgrid на моей странице, и данные загружаются правильно, но стиль выглядит действительно безобразно. Я загружаю эти файлы:
<link href="@Url.Content("~/Content/css/Site.css")" rel="stylesheet" type="text/css" />
<script src="@Url.Content("~/Scripts/jquery-1.6.2.min.js")" type="text/javascript"></script>
<link href="@Url.Content("~/Content/ui.jqgrid.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/ui.multiselect.css")" rel="stylesheet" type="text/css" />
<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/grid.locale-en.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.jqGrid.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Content/ui/minified/jquery.ui.core.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Content/ui/minified/jquery.ui.widget.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Content/ui/minified/jquery.ui.mouse.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Content/ui/minified/jquery.ui.tabs.min.js")" type="text/javascript"></script>
Я проверил в Firebug, и все они загружаются правильно, поэтому нет проблем с путями ни для одного из сценариев.
Это мой настоящий код jqgrid:
$('#brands').jqGrid({
url: '/GasolineBrands/GasolineBrands/',
datatype: 'json',
mtype: 'POST',
colNames: ['Logo', 'Name', 'No of Stations'],
colModel: [
{ name: 'Logo', index: 'Logo', width: 150, align: 'left' },
{ name: 'Name', index: 'Name', width: 150, align: 'center' },
{ name: 'No of Stations', index: 'No of Stations', width: 150, align: 'center' },
],
shrinkToFit: false,
rownumbers: true,
loadonce: false,
pager: jQuery('#brandsPager'),
rowNum: 10,
rowList: [5, 10, 20, 50],
sortname: 'Name',
sortorder: "desc",
viewrecords: true,
imgpath: '',
caption: 'Gasoline Brands',
width: '100%',
height: "100%"
});
Это мой HTML:
<table id="brands">
</table>
<div id="brandsPager">
</div>
Кто-нибудь может определить проблему?
Заранее спасибо:)