Блог

Я всегда сталкивался с этим отображением при просмотре моего представления Index.cshtml в браузере. (см. скриншот). Я создал ASP.NET Приложение MVC 5 с проектом веб-Api, ориентированным на .NET Framework 4.8. Я добавил в проект DevExtreme, и все прошло успешно.

Теперь, когда я добавляю сетку данных DevExtreme, все в порядке без ошибок, но когда я запускаю приложение в браузере, я вижу эту строку оранжевого цвета с тегом «ошибка» прямо над сеткой данных (см. Скриншот, пожалуйста).

Если речь идет о моем макете и порядке загрузки зависимостей DevExtreme, пожалуйста, сообщите.

Это образец моего кода:

 **_Layout.cshtml:**    lt;!DOCTYPE HTMLgt;  lt;HTMLgt;  lt;headgt;  lt;meta charset="utf-8" /gt;  lt;meta name="viewport" content="width=device-width, initial-scale=1.0"gt;  lt;titlegt;@ViewBag.Title - My ASP.NET Applicationlt;/titlegt;   @Styles.Render("~/Content/css")  @Scripts.Render("~/bundles/modernizr")   @Scripts.Render("~/bundles/jquery")  @Styles.Render("~/Content/DevExtremeBundle")  @Scripts.Render("~/Scripts/DevExtremeBundle")   @RenderSection("scripts", required: false)  lt;/headgt;  lt;bodygt;   lt;div class="container body-content"gt;  @RenderBody()  lt;hr /gt;  lt;footergt;  lt;pgt;© @DateTime.Now.Year - My ASP.NET Applicationlt;/pgt;  lt;/footergt;  lt;/divgt;   @Scripts.Render("~/bundles/jquery")  @Scripts.Render("~/bundles/bootstrap")  @RenderSection("scripts", required: false)  lt;/bodygt;  lt;/htmlgt;  

Индекс.cshtml:

 @{  ViewBag.Title = "Index"; }  lt;h2gt;Indexlt;/h2gt;  @(Html.DevExtreme().DataGridlt;LMS_v1._1.Areas.Admin.Data.Countrygt;() .DataSource(ds =gt; ds.WebApi() .Controller("CountryWeb") .LoadAction("Get") .InsertAction("Post") .UpdateAction("Put") .DeleteAction("Delete") .Key("CountryId") ) .RemoteOperations(true) .Columns(columns =gt; {  columns.AddFor(m =gt; m.CountryCode);  columns.AddFor(m =gt; m.CountryName); }) .Editing(e =gt; e .AllowAdding(true) .AllowUpdating(true) .AllowDeleting(true) ) )  

DevExtremeBundleConfig:

 public class DevExtremeBundleConfig  {   public static void RegisterBundles(BundleCollection bundles)   {   var styleBundle = new StyleBundle("~/Content/DevExtremeBundle");  var scriptBundle = new ScriptBundle("~/Scripts/DevExtremeBundle");   // Uncomment to use the Gantt control  // styleBundle.Include("~/Content/dx-gantt.css");   // Uncomment to use the Diagram control  // styleBundle.Include("~/Content/dx-diagram.css");   styleBundle.Include("~/Content/dx.common.css");   // Predefined themes: https://js.devexpress.com/DevExtreme/Guide/Themes_and_Styles/Predefined_Themes/  styleBundle.Include("~/Content/dx.light.css");  // styleBundle.Include("~/Content/dx.Carmine.css");   // Uncomment to use the Gantt control  // scriptBundle.Include("~/Scripts/dx-gantt.js");   // Uncomment to use the Diagram control  //scriptBundle.Include("~/Scripts/dx-diagram.js");   // NOTE: jQuery may already be included in the default script bundle. Check the BundleConfig.cs file.  //scriptBundle.Include("~/Scripts/jquery-3.4.1.js");   // Uncomment to use Globalize for localization  // Docs: https://docs.devexpress.com/DevExtremeAspNetMvc/400706#globalize  // scriptBundle.Include("~/Scripts/cldr.js");  // scriptBundle.Include("~/Scripts/cldr/event.js");  // scriptBundle.Include("~/Scripts/cldr/supplemental.js");  // scriptBundle.Include("~/Scripts/cldr/unresolved.js");  // scriptBundle.Include("~/Scripts/globalize.js");  // scriptBundle.Include("~/Scripts/globalize/message.js");  // scriptBundle.Include("~/Scripts/globalize/number.js");  // scriptBundle.Include("~/Scripts/globalize/currency.js");  // scriptBundle.Include("~/Scripts/globalize/date.js");   // Uncomment to enable client-side export  scriptBundle.Include("~/Scripts/jszip.js");   scriptBundle.Include("~/Scripts/dx.all.js");   // Uncomment to provide geo-data for the VectorMap control  // Docs: https://js.devexpress.com/DevExtreme/Guide/Widgets/VectorMap/Providing_Data/Data_for_Areas  // scriptBundle.Include("~/Scripts/vectormap-data/world.js");   scriptBundle.Include("~/Scripts/aspnet/dx.aspnet.mvc.js");  scriptBundle.Include("~/Scripts/aspnet/dx.aspnet.data.js");   bundles.Add(styleBundle);  bundles.Add(scriptBundle);   #if !DEBUG  BundleTable.EnableOptimizations = true;  #endif  }  

}

Я просто добавил атрибут routeName в сетку данных DevExtreme, чтобы указать его маршрут. Это сработало.

 .RouteName("routename")