1
我正在將我的mvc 3代碼複製到mvc 4應用程序,並且我注意到我的jqgrid代碼部分不再正確呈現。正如您在圖像中可以看到的那樣,尋呼機丟失了,列名遠遠大於默認的jqgrid設置。任何想法如何解決這個問題?jqgrid無法正確呈現mvc 4
圖片
代碼
<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>
對不起捆綁在一起的東西對於這樣一個遲來的迴應,但肯定的,它與我的CSS配置做。接得好 – theStig