如何使Grid.MVC中的功能与Bootstrap一起正常工作?

时间:2015-05-11 16:08:30

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

我正在使用Grid.MVC和我的ASP.NET MVC 4项目。我也在使用Bootstrap。我不确定样式表之间是否存在冲突,或两者之间的Javascript是否存在冲突,或者它是否完全不同。我在partialview中有datagrid。我不知道是否可能导致问题,但是: 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>

1 个答案:

答案 0 :(得分:0)

您的代码中存在两个问题:

@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 / request