2

jqGrid にテーマを適用しようとしています。情報を検索しましたが、順を追って説明しているサイトが見つかりません。それで、誰かがこれを行う方法を教えてもらえますか？私のプロジェクトは、asp.net mvc4、jquery、および jqGrid で開発されています。

最初の試み：

redmond テーマをダウンロードし、mvc4 asp.net プロジェクトの \Content フォルダーに配置しました。redmond フォルダーには、画像用の 1 つのフォルダーと、ルートに以下のような 3 つの 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>

(...)

\app_code フォルダー内の cshtml ファイルである @Content を参照していることに注意してください。その内容は次のとおりです。

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

2 に答える 2

2

これは、jquery テーマを作成するための便利なリンクです。jQuery UI . あなたがする必要があるのは、目的のテーマを選択し、ページの下部にあるリンクからファイルをダウンロードすることです. asp.net-mvc アプリケーションで使用します。お役に立てれば..

于 2013-09-27T13:37:19.543 に答える
2

テーマを選択した場合 (jQuery UI テーマを想定しています)、アクセス可能なフォルダー (/Content/Themes/ など) に保存できます。

その後は、ビューまたはレイアウトにテーマを追加するのと同じくらい簡単です。

元：

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

(この例では、「レドモンド」テーマを選択し、jquery ui 1.10.3 のカスタム バージョンを使用しました)

次に、ビューをロードするときに、リンクしたcssファイルに実際にアクセスできることを確認してください。

于 2013-09-27T16:47:11.177 に答える