在MVC4中捆绑css文件

时间:2013-09-27 10:16:00

标签: jquery asp.net-mvc-4 jqgrid

我的asp.net mvc4项目中有一些内容,如css文件。其中一个文件与jqGrid有关:

\Content\jquery.jqGrid\ui.jqgrid.css

所以我可以在head标签之间使用下面导入它:

<link href="@Url.Content("~/Content/ui.jqGrid.css")" rel="stylesheet" type="text/css" media="all"/>

但我已经看到使用bundle技术导入site.css所以我想在mvc4骨架中的App_Start文件夹下的BundleConfig.cs中执行相同的操作。我在线下使用但不起作用:

bundles.Add(new StyleBundle("/Content/css").Include("~/Content/jquery.jqGrid/ui.jqgrid.css"));

我想我需要包含,因为我的代码中有错误,请参阅下文。

在我看来,我有以下内容:

<div id="jqGrid">
    @Html.Partial("../Component/_ComponentGrid")
</div>

我有一个javascript文件,开头为:

function showGrid() {
    $('#_componentGrid').jqGrid({
        caption: paramFromView.Caption, ....

在运行时出现错误:对象不接受属性或方法'jqGrid'。

任何想法?

2 个答案:

答案 0 :(得分:0)

在'/ Content'之前可能缺少“”:

bundles.Add(new StyleBundle("~/Content/css").Include("~/Content/jquery.jqGrid/ui.jqgrid.css"));

<head>标记之间,您应该调用以下内容:

@Styles.Render("~/Content/css")

错误:对象不接受属性或方法'jqGrid'。它看起来没有包含jqGrid .js ......

答案 1 :(得分:0)

向后工作并将脚本文件直接包含在视图中,然后在布局中,然后将它们添加到一个包中。

当您将它们添加到捆绑包时,您仍然需要通过以下方式将该捆绑包添加到您的视图或布局中:

@Styles.Render("~/Content/css")

您可以通过Firebug或它的等价物进行检查,以确保您的捆绑/脚本正确加载。