2012-12-18 76 views
1

我正在將我的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> 

回答

3

你很可能缺少需要這個工作一個CSS文件。有幾件事要檢查。

  • 您是否將主題&其他關聯的css文件複製過來?
  • ASP.NET MVC 4使用不同的捆綁的過程,如果你在3
+0

對不起捆綁在一起的東西對於這樣一個遲來的迴應,但肯定的,它與我的CSS配置做。接得好 – theStig