Я пытаюсь применить тему к jqGrid. Я искал информацию, но я не могу найти сайт, где он объясняет шаг за шагом. Так может кто-нибудь сказать мне, как это сделать? Мой проект разрабатывается в asp.net mvc4, jquery и jqGrid.Применение темы к jqGrid
Первая попытка:
Я скачал Redmond тему, и я поставил его под \ Content папки в моем mvc4 asp.net проекта. Редмонд папка содержит одну папку для изображений и в корне, три CSS файлы, как показано ниже:
\Content
\redmond
\images
jquery-ui.css
jquery-ui.min.css
jquery.ui.theme.css
так, чтобы использовать тему в моей главной странице, в голове тега я:
<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, что файл cshtml в моей папке \ App_Code и его содержание:
@using System.Web.Mvc;
@helper Script(string scriptName, UrlHelper url)
{
<script src="@url.Content(string.Format("~/Scripts/{0}", scriptName))" type="text/javascript"></script>
}
теперь тема применяется к моему jqGrid, но после того, как тема применяется, вся моя страница, которая содержит ее, и даже главная страница становится заблокированной (отключена, серая) и внизу страницы ниже (показано, окно с предупреждением изречение: пожалуйста, выберите строку):
что это Происходило? Есть идеи?
Решение:
Я использую выпадающий скриптовый файл Jquery-dd.js, но я забыл добавить стиль CSS для него в голове тега в моей главной странице (также я забыл включить CSS файл для jqGrid):
<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"/>
Хорошо, загрузите сжатый файл (ссылки на темы внизу), а затем поместите нужную папку темы в папку «Мой контент» правильно? Я видел, что есть только папка с изображениями с множеством gif, png и некоторыми css-файлами в корне. Я предполагаю, что jquery-ui-xxx.js используется для их правильной загрузки (в папке с моим скриптом)? – user1624552
Да, вы правы.Надеюсь, ты выбрал свою тему. Что вам нужно сделать, так это вызвать css-файл внутри вашей темы и добавить последние jquery и jquery-ui js-файлы. Ты получишь это. –
Я сделал это, тема применяется сейчас, но при применении всей страницы даже главная страница блокируется (отключена), и в нижней части страницы появляется окно: «пожалуйста, выберите строку». Смотрите мое обновленное сообщение, пожалуйста. – user1624552