kendo-ui 相关问题

我搜索了很多帖子，但没有任何解决方案适用于我的场景。我使用通过 sql 构建的数组动态填充剑道菜单。我搜索了很多帖子，但没有任何解决方案适用于我的场景。我正在使用通过 sql 构建的数组动态填充剑道菜单。 <kendo-menu [items]="items" [vertical]="true" style="display:inline-block;"> </kendo-menu> 这是我关注的样本： https://www.telerik.com/kendo-angular-ui/components/menus/menu/vertical/ 以下是项目数组的结构： export const items: any[] = [ { text: 'Reportingd', items: [{ text: 'Dash', url: "https://www.google.com" }, { text: 'Realtime', items: [{ text: 'DesktopNew', url: "https://www.telerik.com" }, { text: 'laptop', url: "https://www.msn.com" }] }] }, { text: 'Other Reporting', items: [{ text: 'Training', url: "https://www.msn.com" }, { text: 'UserManual', url: "https://www.msn.com" }, { text: 'Guide', items: }] }, { text: 'Tools', items:[{ text: 'Training', url: "https://www.msn.com" }] }]; 但是，单击菜单/子菜单会在同一窗口中打开 url。我想在不同的窗口或新标签页中打开。 HTML <a> 标签在这里不起作用。请建议 <a href="https://www.thesitewizard.com/" target="_blank">thesitewizard.com</a> 为剑道菜单编写选择事件，如下所示。 <kendo-menu [items]="items" (select)="onSelect($event)"></kendo-menu> 之后在 onSelect 方法中使用如下所示的 window.open 方法。 public onSelect({ item }): void { if (!item.items) { window.open([item.url], "_blank"); } } 这是使用 kendo-menu 和 kendoMenuItemTemplate 在不同选项卡上打开所选菜单项的工作示例首先在files.ts创建json文件。接下来在 html 中，引入引用并使用 ng-template 和 kendoMenuItemTemplate，我们可以遍历所有菜单项。我们可以将所有普通的 html 标签放在那里以使其可定制。下面是相同的工作示例。 https://stackblitz.com/edit/angular-rrvbsm-5lk9uq?file=src%2Fapp%2Fapp.component.ts,src%2Fapp%2Ffiles.ts 得以解决。虽然这是两步过程。初始帖子中给出的以下数组结构仅在当前窗口中打开。因此，在初始加载时获取唯一的 MenuID 而不是 url。然后按照 ManirajSS 的建议 public onSelect({ item }): void { //call service to get url for this MenuID }

angular kendo-ui url-routing kendo-menu

回答 3 投票 0

从 Kendo UI 窗口发布 Ajax 表单

要编辑记录，我打开一个模态 Kendo UI 窗口，其中填充了包含启用 AJAX 的表单的局部视图： @model MVC_ACME_Hardware.Models.BaseModel ...</desc> <question vote="1"> <p>要编辑记录，我打开一个模态 Kendo UI 窗口，其中填充了包含启用 AJAX 的表单的局部视图：</p> <pre><code>@model MVC_ACME_Hardware.Models.BaseModel <script type="text/javascript"> $(function () { $("form").kendoValidator(); }); </script> @using (Ajax.BeginForm("EditProduct", new AjaxOptions { UpdateTargetId = "ProductDiv", OnSuccess = "SomeMethod" })) { @Html.ValidationSummary(true) <fieldset> <legend>EmployeeFTE</legend> @Html.HiddenFor(model => model.Products.Product_ID) <div class="editor-label"> @Html.LabelFor(model => model.Products.Product_Name) </div> <div class="editor-field"> @Html.EditorFor(model => model.Products.Product_Name) @Html.ValidationMessageFor(model => model.Products.Product_Name) </div> <input type="submit" value="Save" class="myButton" /> </fieldset> } </code></pre> <p>当我运行表单并在弹出窗口中单击“保存”时，表单成功发布，但发布不是通过 AJAX 完成的，并且我的“SomeMethod”onsuccess 方法未被调用。我试过添加...</p> <pre><code><script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.min.js")" type="text/javascript"></script> </code></pre> <p>...在局部视图上，但它没有帮助。如何让我的表单使用 AJAX 提交？我错过了一些明显的东西。谢谢！</p> </question> <answer tick="false" vote="0"> <p>尝试这样的事情（注意输入类型）：</p> <pre><code><input type="button" value="Save" class="myButton" id="btnSave" /> </code></pre> <p>和 $(document).ready() 中的：</p> <pre><code>var validator = $(document.forms[0]).kendoValidator().data("kendoValidator"); $("#btnSave").click(function(e) { if (validator.validate()) { var formContent = $(document.forms[0]).serialize(); var url = $(document.forms[0]).action; $.post(url, formContent).done(function(data) { $(document.body).append("<div class='savedRecordMessage'>success</div>"); }); } }); </code></pre> </answer> <answer tick="false" vote="0"> <p>如果你想使用 AJAX 表单的 MVC 和 Ajax 选项的非侵入式验证，我认为你需要添加这些文件。</p> <pre><code><script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script> <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.js")" type="text/javascript"></script> <script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.min.js")" type="text/javascript"></script> </code></pre> </answer> </body></html>

kendo-ui ajax.beginform

回答 0 投票 0

ASP.net MVC 级联下拉列表未加载

我们有一个使用 jQuery 1.1 版本和旧的 .net 框架的 asp.net mvc 应用程序。我将其更新为使用 jQuery 3.6.4 从 1.12.3/jQuery Ui 1.11.1 到 1.13.2/.NetFramework 从 4 到 4.6.2/Kendo

javascript jquery asp.net-mvc kendo-ui

回答 0 投票 0

如何在 MVC 中使用 ClientTemplate 和 EditorTemplateName 在 Kendo UI 网格中创建新行？

我正在尝试为联系人列表制作一个剑道网格，具有以下要求：应该有一个用于创建新联系人的工具栏按钮应该有一个 Actions 列，带有一个 Edit ...

kendo-ui kendo-grid kendo-asp.net-mvc

回答 2 投票 0

Kendo UI MVC，Grid View additional data using Data method not working

我在剃刀视图中有以下剑道网格： @(Html.Kendo().Grid() .Name("manualMatchGrid") .列（列=> { 绑定字段（列）； }) .