MVC4 응용 프로그램에서 jQGrid를 사용하고 있습니다. 호출기에 아이콘이 표시되지 않는 것을 제외하면 모두 잘 작동합니다. 나는 무엇이 잘못되었는지 알기 위해 도움이 필요합니다.MVC4 jqGrid 호출기가 아이콘을 표시하지 않습니다.
<link href="@Url.Content("~/Content/themes/jquery-ui.css")" rel="stylesheet" media="screen">
<link href="@Url.Content("~/Content/jquery.jqGrid/ui.jqgrid.css")" rel="stylesheet" media="screen">
<link href="@Url.Content("~/Content/jquery.jqGrid/ui.multiselect.css")" rel="stylesheet" media="screen">
<script src="js/i18n/grid.locale-en.js" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/i18n/grid.locale-pt.js")"></script>
<script src="@Url.Content("~/Scripts/jquery.jqGrid.min.js")"></script>
<script src="@Url.Content("~/Scripts/ui.multiselect.js")"></script>
<script src="@Url.Content("~/Scripts/jquery.tablednd.js")"></script>
<script src="@Url.Content("~/Scripts/jquery.contextmenu.js")"></script>
<script type="text/javascript">
jQuery(document).ready(function() {
$('#myGrid').jqGrid({
height: 300,
toolbar: [true, 'bottom'],
multiselect: true,
cellEdit: false,
rowNumbers: true,
datatype: 'json',
rowNum: 50,
rowList: [50, 100, 200],
url: '@Url.Action("GetGridData", "AdminSysLog")',
editurl: '@Url.Action("CRUDGridData", "AdminSysLog")',
contentType: "application/json; charset-utf-8",
caption: 'System Logs',
mtype: 'POST',
shrinkToFit: false,
pager: '#myPager',
sortname: 'DateTime',
sortorder: 'desc',
viewrecords: true,
colNames: ['DATETIME', 'LEVEL', 'TYPE', 'SYSTEM', 'USER', 'MESSAGE'],
colModel: [
{ name: 'DateTime', align: 'center', width: 140, sortable: true, editable: false, searchoptions: { sopt: ['eq', 'ne', 'cn'] } },
{ name: 'Severity', align: 'center', width: 50, sortable: true, editable: false, searchoptions: { sopt: ['eq', 'ne', 'cn'] } },
{ name: 'Type', align: 'center', width: 50, sortable: true, editable: false, searchoptions: { sopt: ['eq', 'ne', 'cn'] } },
{ name: 'Source', align: 'center', width: 100, sortable: true, editable: false, searchoptions: { sopt: ['eq', 'ne', 'cn'] } },
{ name: 'User', align: 'center', width: 100, sortable: true, editable: false, searchoptions: { sopt: ['eq', 'ne', 'cn'] } },
{ name: 'Message', align: 'left', width: 500, sortable: true, editable: false, searchoptions: { sopt: ['eq', 'ne', 'cn'] } },
]
}).navGrid('#myPager', {
edit: false,
add: false,
del: true,
search: true,
deltext: "Apaga",
searchtext: "Busca",
viewrecords: true
}
);
});
</script>
<table id="myGrid"></table>
<div id="myPager"></div>
<br />
<br />
그리고 여기에 (아무 아이콘 전혀) 표시되는 내용이다 : 도움의 모든 종류의
감사
여기 내 코드입니다.
콘텐츠/테마 폴더를 contais "내용/테마 /베이스/이미지 "와 많은 jquery.ui. * 파일 (아코디언, 모두, 자동 완성, ..., ui.tabs, ui.theme 및 jquery-ui)이 있습니다. 내가 놓친 게 있니? – Mendes
@Mendez :'jquery-ui.css'를 열면'url (images/ui-bg_inset-hard_100_fcfdfd_1x100.png)'과 같은 ** 상대 경로 **가 나타납니다. 즉,'jquery-ui.css'의 위치에 * relative * 위치에'images' 디렉토리가 존재해야합니다. '~/Content/themes/jquery-ui.css'를 사용한다면 위 예제의'ui-bg_inset-hard_100_fcfdfd_1x100.png'가'~/Content/themes/images' 디렉토리에 존재해야합니다. – Oleg