2013-12-19 2 views
0

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 /> 

그리고 여기에 (아무 아이콘 전혀) 표시되는 내용이다 : 도움의 모든 종류의

enter image description here

감사

여기 내 코드입니다.

답변

3

jQuery UI를 프로젝트에 잘못 추가했다고 가정합니다. 폴더 /Content/themes/ (여기에서 jquery-ui.css을 얻음)에 하위 폴더 images과 PNG 파일이 있는지 확인해야합니다. (버튼)에 http://www.trirand.com/blog/phpjqgrid/examples/loading_data/million_sql/default.php

, 내가 "요소 검사"에 클릭 파이어 폭스에서 : 나에게

+0

콘텐츠/테마 폴더를 contais "내용/테마 /베이스/이미지 "와 많은 jquery.ui. * 파일 (아코디언, 모두, 자동 완성, ..., ui.tabs, ui.theme 및 jquery-ui)이 있습니다. 내가 놓친 게 있니? – Mendes

+0

@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

0

은 정말 좋아 그리드 호출기에 대한 JQuery와의 데모 작업을 위해, 첫번째보기를 해결하기 위해, 두통이었다 , url 이미지에서 파일을 검색 한 다음 파일을 내 컴퓨터에 복사했습니다. 내 proyect에서 "배경 이미지보기"(버튼)를 클릭했습니다. 그 이름은 제가 찾고 있던 정확한 이름이었습니다. 모든 necesary 경우에 해당 이미지를 넣어 이름을 바꿉니다,

그리고 그게 된 솔루션 \ 이미지 \ .. \

"오마르 로메로, 멕시코 시티를"스타일을

관련 문제