Question

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

首次尝试：

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

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

所以为了在我的母版页中使用主题，在head标签中我做：

<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>

(...)

请注意，我引用@Content，这是我的\ app_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>
}

现在主题应用于我的jqGrid但是在应用主题后，我的所有包含它的页面甚至主页面都被阻止（禁用，变灰）并显示在下面页面的底部（警告窗口）说：拜托，选择一行）：

http://snag.gy/AgUvM.jpg

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

解决方案：

我正在使用下拉脚本文件jquery-dd.js，但我忘了在我的母版页的head标签中添加css样式（我也忘了包含jqGrid的css文件）：

<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"/>

Answer 1

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

Answer 2

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

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

例如：

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

（在这个例子中，我选择了'Redmond'主题，并且有一个自定义版本的jquery ui 1.10.3）

然后确保您的视图在加载时实际上可以访问您链接的css文件。

将主题应用于jqGrid

2 个答案: