jqgrid无法正确呈现mvc 4

我正在将我的mvc 3代码复制到mvc 4应用程序，并且我注意到我的jqgrid代码部分不再正确呈现。正如您在图像中可以看到的那样，寻呼机丢失了，列名远远大于默认的jqgrid设置。任何想法如何解决这个问题？jqgrid无法正确呈现mvc 4

图片

odd jqgrid rendering 代码

<link href="@Url.Content("~/Content/jqgrid/ui.jqgrid.css")" rel="stylesheet" typpe="text/css" /> 

<script src="@Url.Content("~/Scripts/jquery-1.8.3.min.js")" type="text/javascript"></script>  
<script src="@Url.Content("~/Scripts/jquery-ui-1.9.2.cupertino.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.jqGrid.min.js")" type="text/javascript"></script> 

<script type="text/javascript"> 
    jQuery(document).ready(function() { 
     var id = 0; 
     jQuery("#tblUsers").jqGrid({ 
      url: '/Configuration/GetUsers/', 
      datatype: 'json', 
      mtype: 'POST', 
      colNames: ['User Name', 'Role'], 
      colModel: [ 
       { name: 'User Name', index: 'User Name', width: 90, align: 'left' }, 
       { name: 'Role', index: 'Role', width: 80, align: 'left' }], 
      //pager: jQuery('#pager'), 
      width: 700, 
      height: 200, 
      rowNum: 20, 
      rowList: [5, 10, 20, 50], 
      sortname: 'User Name', 
      sortorder: "desc", 
      viewrecords: true, 
      imgpath: '', 
      caption: 'Users' 
     }); 

     jQuery("#tblUsers").jqGrid('navGrid', '#pager', 
     { 
      editfunc: function (rowid) { 
       //$('#dialogEdit').data('id', rowid); 
       //$('#dialogEdit').dialog('open'); 
      }, 
      addfunc: function() { 
       //$('#dialog').dialog('open'); 
      }, 
      delfunc: function (rowid) { 
       //$('#dialogDelete').data('id', rowid); 
       //$('#dialogDelete').dialog('open'); 
      } 
     }, //options 
     {}, // edit options 
     {}, // add options 
     {}, // del options 
     {} // search options 
     ); 
    }); 
</script> 

<table id="tblUsers" class="scroll" cellpadding="0" cellspacing="0"></table> 
<div id="pager" class="scroll" style="text-align:center;"></div>

来源

2012-12-18 theStig

你很可能缺少需要这个工作一个CSS文件。有几件事要检查。

您是否将主题&其他关联的css文件复制过来？
ASP.NET MVC 4使用不同的捆绑的过程，如果你在3

来源

2012-12-18 20:55:30

对不起捆绑在一起的东西对于这样一个迟来的回应，但肯定的，它与我的CSS配置做。接得好 – theStig

jqgrid无法正确呈现mvc 4

回答

相关问题