jqGrid结果流过网格和“请，选择行”消息

（我对网络编程比较陌生，所以它可能是一个容易被忽视的问题）

我正在使用ASP.NET MVC4来构建一个包含显示jqGrid的剃刀视图的应用程序。 它使用ajax动态获取列元数据，并且所有数据似乎都返回正常。 当我运行应用程序并显示视图时，会显示数据，但网格的标题和正文都会在网格上流动（请参见图像）。

我注意到数据下面似乎有一条警告，上面写着“请选择行”。 我的怀疑是问题是CSS还是与警告有关。 我试过更改ui.jqgrid.css，site.css等中的各种属性无济于事。

这是渲染的html：

                          var jqDataUrl = "LoadData"; var jqMetaUrl = "GetColumnData"; $(document).ready(function () { $.ajax( { type: "POST", url: jqMetaUrl, data: "", dataType: "json", success: function (result) { col_names = result.colNames; col_model = result.colModel; $("#jqTable").jqGrid({ url: jqDataUrl, datatype: "json", mtype: "POST", //Specify the column names colNames: col_names, //Configure the columns colModel: col_model, //Grid total width and height width: 800, shrinkToFit:false, height: 400, //Paging toppager: true, pager: $('#jqTablePager'), rowNum: 25, rowList: [25, 50, 100], viewrecords: true, //Specify if total number of records is displayed //Formatting altRows: true //Default Sorting (ignored) //Grid Caption //caption: "Feed List Preview" }).navGrid("#jqTablePager", { refresh: true, add: false, edit: false, del: false }, {}, //settings for edit {}, //settings for add {}, //settings for delete { sopt: ["cn"] } //search options, Some options can be set on column level ) }, error: function (x, e) { alert("ReadyState: " + x.readyState + "; Status:" + x.status + "; Message:" + e.msg + ";"); } }); });    
 
 Header 
 
 
Feed List Preview
 
  
 
      

Answer 1

好的，在同事的帮助下，我们确定了ui.jqgrid.css，并且在呈现页面时没有加载jquery-ui * .css（主题）。 这在IE中的开发人员工具中可见。

此问题的原因似乎是Razor视图未正确处理java脚本。 将内容和脚本移动到纯HTML页面后，所有内容都正确呈现。

所以仍然有一个问题，为什么javascript没有得到渲染，但我现在有一个足够的解决方法。