Asp.net mvc 4 将主题应用于jqGrid_Asp.net Mvc 4_Jqgrid

Asp.net mvc 4 将主题应用于jqGrid

asp.net-mvc-4 jqgrid

Asp.net mvc 4 将主题应用于jqGrid,asp.net-mvc-4,jqgrid,Asp.net Mvc 4,Jqgrid,我正在尝试将一个主题应用于jqGrid。我已经搜索了信息，但我找不到一个网站，它一步一步地解释。有人能告诉我怎么做吗？我的项目正在asp.NETMVC4、jquery和jqGrid中开发第一次尝试：我已经下载了redmond主题，并将其放在mvc4 asp.net项目的\Content文件夹下。redmond文件夹包含一个图像文件夹，在根目录中包含三个css文件，如下所示： \Content \redmond \images jquery-ui

我正在尝试将一个主题应用于jqGrid。我已经搜索了信息，但我找不到一个网站，它一步一步地解释。有人能告诉我怎么做吗？我的项目正在asp.NETMVC4、jquery和jqGrid中开发

第一次尝试：

我已经下载了redmond主题，并将其放在mvc4 asp.net项目的\Content文件夹下。redmond文件夹包含一个图像文件夹，在根目录中包含三个css文件，如下所示：

\Content
     \redmond
         \images
         jquery-ui.css
         jquery-ui.min.css
         jquery.ui.theme.css

因此，为了在母版页中使用主题，在head tag中，我执行以下操作：

<head>

   ...

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

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

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

   ...
</head>


...
...

在母版页的正文中，我也这样做：

(...)

        @Scripts.Render("~/bundles/jquery")


        @Content.Script("jquery-1.10.2.min.js", Url)
        @Content.Script("jquery-ui-1.10.3.min.js", Url)
        @Content.Script("jquery.unobtrusive-ajax.min.js", Url)
        @Content.Script("jquery.dd.js", Url)
        @Content.Script("grid.locale-en.js", Url)        
        @Content.Script("jquery.jqGrid.min.js", Url)

        @RenderSection("scripts", required: false)
    </body>

(...)

（…）
@Scripts.Render（“~/bundles/jquery”）
@Content.Script（“jquery-1.10.2.min.js”，Url）
@Content.Script（“jquery-ui-1.10.3.min.js”，Url）
@脚本（“jquery.unobtrusiveajax.min.js”，Url）
@脚本（“jquery.dd.js”，Url）
@脚本（“grid.locale en.js”，Url）
@脚本（“jquery.jqGrid.min.js”，Url）
@RenderSection（“脚本”，必需：false）
(...)

请注意，我指的是@Content，它是my\app\u code文件夹中的一个cshtml文件，其内容为：

@using System.Web.Mvc;
@helper Script(string scriptName, UrlHelper url)
{
    <script src="@url.Content(string.Format("~/Scripts/{0}", scriptName))" type="text/javascript"></script>
}

@使用System.Web.Mvc；
@帮助器脚本（字符串脚本名、url帮助器url）
{
}

现在，该主题应用于我的jqGrid，但应用该主题后，包含该主题的所有我的页面，甚至母版页都将被阻止（禁用，灰色），并在页面底部显示（警告窗口显示：请选择一行）：

发生了什么事？有什么想法吗

解决方案：

我使用的是一个下拉脚本文件jquery-dd.js，但我忘了在母版页的head标记中为它添加css样式（我还忘了包括jqGrid的css文件）：

这是构建jquery主题的有用链接。你需要做的是选择你想要的主题并从页面底部的链接下载文件。在asp.net-mvc应用程序中使用它。希望这有帮助。

这是构建jquery主题的有用链接。你需要做的是选择你想要的主题并从页面底部的链接下载文件。在asp.net-mvc应用程序中使用它。希望这对您有所帮助。

如果您选择了一个主题（我假设是jQuery UI主题），您可以将其保存在一个可访问的文件夹（/Content/Themes/etc）中

在这之后，它应该像将主题添加到视图或布局一样简单

例：

（在本例中，我选择了“Redmond”主题，并拥有jQueryUI1.10.3的自定义版本）

然后确保在加载视图时，您的视图能够访问您链接的css文件

如果您选择了一个主题（我假设是jqueryui主题），您可以将其保存在一个可访问的文件夹（/Content/Themes/etc）中

在这之后，它应该像将主题添加到视图或布局一样简单

例：

（在本例中，我选择了“Redmond”主题，并拥有jQueryUI1.10.3的自定义版本）

然后确保在加载视图时，您的视图能够访问您链接的css文件

好的，下载压缩文件（底部的主题链接），然后将所需的主题文件夹放在my\Content文件夹下，对吗？我看到只有一个images文件夹，根目录中有很多gif、png和一些css文件。我猜jquery-ui-xxx.js是用来正确加载它们的（在我的脚本文件夹中）？是的，你是对的。我希望你选择了你的主题。您需要做的是在主题内部调用css文件，并添加最新的jquery和jquery ui js文件。你会明白的。我已经做到了，现在应用了主题，但是当应用到所有页面时，甚至母版页都会被阻止（禁用），页面底部会出现一个窗口，上面写着：“请选择一行”。请查看我的更新帖子。正如您首先回答的，我已接受您的解决方案。好的，下载压缩文件（底部的主题链接），然后将所需的主题文件夹放在我的\Content文件夹下，对吗？我看到只有一个images文件夹，根目录中有很多gif、png和一些css文件。我猜jquery-ui-xxx.js是用来正确加载它们的（在我的脚本文件夹中）？是的，你是对的。我希望你选择了你的主题。您需要做的是在主题内部调用css文件，并添加最新的jquery和jquery ui js文件。你会明白的。我已经做到了，现在应用了主题，但是当应用到所有页面时，甚至母版页都会被阻止（禁用），页面底部会出现一个窗口，上面写着：“请选择一行”。请看我更新的帖子。正如你首先回答的，我已经接受了你的解决方案。我已经这样做了，现在应用了主题，但当应用到所有页面时，甚至母版页都会被阻止（禁用），页面底部会出现一个窗口说：“请选择一行”。请看我更新的帖子。我已经完成了，现在应用了主题，但是当应用到所有页面时，甚至母版页都会被阻止（禁用），页面底部会出现一个窗口：“请选择一行”。请看我更新的帖子。

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

<link href="@Url.Content("~/Content/themes/redmond/jquery-ui-1.10.3.custom.css")" rel="stylesheet" type="text/css" />