如何让 Grid.MVC 中的功能与 Bootstrap 一起正常工作？答案

【问题标题】：How do I get functionality in Grid.MVC to work properly with Bootstrap?如何让 Grid.MVC 中的功能与 Bootstrap 一起正常工作？
【发布时间】：2015-05-11 16:08:29
【问题描述】：

我在我的 ASP.NET MVC 4 项目中使用 Grid.MVC。我也在使用引导程序。我不确定样式表之间是否存在冲突，或者两者之间的 Javascript 是否存在冲突，或者是否完全是其他东西。我在局部视图中有数据网格。我不知道这是否会导致问题，但是： 1）当我将“.Sortable（true）”添加到每列的末尾时，列标题变为红色，但是当我单击它们时，它会重新加载页面并且我的网格消失了。 2）当我翻转网格上的行时，它们不会突出显示。当我单击行时，它们也不会突出显示。但是我知道该行已被选中，因为我创建了一个测试“警报”，当该行被选中时会弹出。
Jquery 和 Bootstrap 在 _Layout.cshtml 共享视图上声明。如何让这个 grid.MVC 功能正常工作？下面是网格的局部视图：

 @Scripts.Render("~/bundles/mvcGrid")
 @Styles.Render("~Content/mvcGrid")
 @using GridMvc.Html
 @model List<IntegrationQueryToolWebApp.Models.Request>

 @Html.Grid(Model0.Named("requestGrid").Columns(columns =>
 {
      columns.Add(data => data.id).Titled("ID").Sortable(true);
      .....
 })
 <script>
      $(function ()  {
           pageGrids.requestsGrid.onRowSelect(fuinction (e)  {
                alert(e.row.id);
           });
      });
 <script>

【问题讨论】：

标签： jquery twitter-bootstrap asp.net-mvc-4 asp.net-mvc-partialview grid.mvc

【解决方案1】：

你的代码有两个问题：

@Scripts.Render("~/bundles/mvcGrid")
@Styles.Render("~Content/mvcGrid")

应该是：

@Scripts.Render("~/bundles/mvcGrid.js")
@Styles.Render("~/Content/mvcGrid.css")

您之间有一个拼写错误

@Html.Grid(Model0.Named("requestGrid").Columns

和

pageGrids.requestsGrid.onRowSelect

请求s / 请求

【讨论】：