DevExpress GridView ссылки не работают
Я пробую DevExpress GridView, следуя инструкциям в их учебнике по адресу https://documentation.devexpress.com/.
Появляется страница с GridView, показывающая данные, но ни одна из ссылок на GridView не работает. Есть ли шаг, который я забыл?
ОБНОВЛЕНИЕ: Хорошо, я понял начальную проблему. Я не поместил @Html.DevExpress().GetStyleSheets и @Html.DevExpress().GetScripts на страницу _Layout.cshtml, чтобы решить начальную проблему, когда ссылки вообще не работали. Но теперь, когда я нажимаю на любую из ссылок на пейджер, появляется всплывающее окно "Загрузка", которое остается бесконечным. Когда я нажимаю на ссылку Удалить, она работает только один раз, если я нажимаю на нее снова, ничего не происходит. То же самое с ссылками Редактировать и Добавить.
1 ответ
Оказалось, что виноват файл _Layout.cshtml. Я предполагал, что DevExpress сделает это для меня, но проблема заключалась в том, что jQuery нужно было визуализировать перед вызовами @Html.DevExpress().GetStyleSheets и @Html.DevExpress().GetScripts. Поэтому я поместил их в элемент head в _Layout, как показано ниже. Как только я это сделал, GridView работал.
<head>
<meta charset="utf-8" />
<title>@ViewBag.Title - My ASP.NET MVC Application</title>
<link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
<meta name="viewport" content="width=device-width" />
@Styles.Render("~/Content/css")
@Scripts.Render("~/bundles/modernizr")
@Scripts.Render("~/bundles/jquery")
@RenderSection("scripts", required: false)
@Html.DevExpress().GetStyleSheets(
new StyleSheet { ExtensionSuite = ExtensionSuite.NavigationAndLayout },
new StyleSheet { ExtensionSuite = ExtensionSuite.Editors },
new StyleSheet { ExtensionSuite = ExtensionSuite.HtmlEditor },
new StyleSheet { ExtensionSuite = ExtensionSuite.GridView },
new StyleSheet { ExtensionSuite = ExtensionSuite.PivotGrid },
new StyleSheet { ExtensionSuite = ExtensionSuite.Chart },
new StyleSheet { ExtensionSuite = ExtensionSuite.Report },
new StyleSheet { ExtensionSuite = ExtensionSuite.Scheduler },
new StyleSheet { ExtensionSuite = ExtensionSuite.TreeList },
new StyleSheet { ExtensionSuite = ExtensionSuite.Spreadsheet },
new StyleSheet { ExtensionSuite = ExtensionSuite.SpellChecker }
)
@Html.DevExpress().GetScripts(
new Script { ExtensionSuite = ExtensionSuite.NavigationAndLayout },
new Script { ExtensionSuite = ExtensionSuite.HtmlEditor },
new Script { ExtensionSuite = ExtensionSuite.GridView },
new Script { ExtensionSuite = ExtensionSuite.PivotGrid },
new Script { ExtensionSuite = ExtensionSuite.Editors },
new Script { ExtensionSuite = ExtensionSuite.Chart },
new Script { ExtensionSuite = ExtensionSuite.Report },
new Script { ExtensionSuite = ExtensionSuite.Scheduler },
new Script { ExtensionSuite = ExtensionSuite.TreeList },
new Script { ExtensionSuite = ExtensionSuite.Spreadsheet },
new Script { ExtensionSuite = ExtensionSuite.SpellChecker }
)