kendo-ui 相关问题

Open url in new tab based on data in service in Kendo Menu

我搜索了很多帖子，但没有任何解决方案适用于我的场景。我使用通过 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 }

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

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

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

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

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

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

剑道网格滚动到选定的行

我希望能够调用将 Kendo 网格滚动到选定行的函数。我已经尝试了一些方法，但都没有用， 例如我试过这个： var grid = $("#Grid").d...

如何让剑道树列表命令换行到按钮中？

我是 Kendo UI 的新手。我有树列表。我需要有关创建 3 点按钮的帮助，单击后将显示 3 个按钮“添加子项”、“编辑”、“删除”。我已经实现了...

Kendo ajax 网格不显示它正在接收的数据

我无法让我的网格呈现它正在检索的数据。我的控制器中有以下代码，并通过查看浏览器中的网络选项卡来验证它是否返回： [HttpPost, HttpGet]

如何使用 Ajax 在 Kendo UI Scheduler 中显示事件

嗨，我正在尝试使用提供的演示链接构建 Kendo UI Scheduler：- https://demos.telerik.com/kendo-ui/scheduler/index 它成功地从数据库中读取了数据，但问题是当我创建...

在剑道开关上贴标签

我正在使用 Kendo UI for Angular 的 Switch 组件。我创建了一个开关组件，但我注意到在文档中开关出现了默认标签“On”和“Off&...

如何在 Kendo-UI 的@html.raw 链接中发送数据

我有一行代码用于自定义按钮页面@html.raw，我想将 id 发送到我想要的 url 但是当我检查调试数据时，出现的是字符串数据，而不是 id = 1或 2 或 3 ..，但是

Kendo Column Chart 带有自定义高亮颜色的圆角

如何制作像这样的剑道柱形图圆形边框。我正在使用的代码是这样的。并且还想更改柱形图的悬停颜色 ...

Kendo MVC 下拉列表和日期选择器从下拉列表中选择一个选项后，验证消息在移动设备上显示不正确

我正在使用的系统是一个 ASP.NET MVC 环境，带有 Jquery 用于我们的视图，我们有来自模型的验证消息，该消息设置了所需的状态，然后是预期位置中的一行...

kendo ui 工具栏 - 如何以编程方式选择按钮

是否有与“getSelectedFromGroup”等效的方法来设置按钮组中的某个按钮？ 如果我将按钮设置为默认使用 { 类型：“按钮”，id：“思想”，文本：“思想”，

Kendo UI - 使用kendoGrid函数创建网格，但是函数“genGrid”找不到介绍

我找到了一个使用 Kendo UI 创建网格的代码，但我不熟悉“genGrid”方法，也找不到任何相关信息。你能提出一个解决方案吗？谢谢。 下面的代码。 变量

剑道网格列过滤器中的多过滤器选项

我正在尝试扩展 Kendo 列过滤器选项，它应该也支持字符串搜索过滤器和布尔列过滤器。对于布尔搜索，它取决于其他属性值...

使用 Kendo tileLayout 动态创建 tile

我正在创建一个 MVC 应用程序，并且想专门使用 Kendo 的 TileLayout。 目标是将 ViewModel 传递给我的 View，并根据数据创建 Tiles。 例如，假设我...

如何在 KendoReact (TypeScript) 中将网格导出为带有标题的 PDF？

我有一个包含普通数据表的数据网格组件，我只想在导出的 PDF 的开头添加一个简单的标题，如下所示： 学生 DEPA... 我有一个包含普通数据表的数据网格组件，我只想在导出的 PDF 的开头添加一个简单的标题，如下所示： <div> <h1>STUDENTS DEPARTMENT TABLE</h1> <h3>DEPARTMENT OF ENGINEERING, 2023</h3> </div> 我试图将其包装在 GridPDFExport 组件中，如下所示： <div> {grid} <GridPDFExport landscape={true} repeatHeaders={true} paperSize='A4' scale={0.5} ref={pdfExport => gridPDFExport = pdfExport} margin='1cm' > <div> <h1>STUDENTS DEPARTMENT TABLE</h1> <h3>DEPARTMENT OF ENGINEERING, 2023</h3> </div> {grid} </GridPDFExport> </div> 这是我的导出方法： const exportToPDF = () => { setTimeout(() => { if (gridPDFExport) { gridPDFExport.save(gridData) } }, 250) } 但是导出的 PDF 中根本不显示标题，只显示网格。 我希望标题显示在 PDF 的顶部，但只显示了网格。我检查了文档，似乎没有任何效果。关于如何实现这个的任何想法？ 您可以使用页面模板：https://www.telerik.com/kendo-react-ui/components/grid/pdf-export/page-template/ 这里我定义了一个模板，它只会呈现第 1 页： const PageTemplate = props => { if (props.pageNum === 1) { return <div style={{ position: "absolute", top: "10px", left: "10px" }}> STUDENTS DEPARTMENT TABLE, DEPARTMENT OF ENGINEERING, 2023 </div>; } }; 然后将其指定为GridPDFExport定义中的一个选项： <GridPDFExport pageTemplate={PageTemplate} > {grid} </GridPDFExport>

Kendo React DropdownList 在空按钮旁边显示文本

我正在尝试研究剑道反应 DropDownList 的基本示例。这是我的代码 从“反应”中导入反应，{useState}； 导入“./App.css”； 从 &qu...导入 { DropDownList}

How to dymatically generate the first column in a table using Kendo Ui

我有使用 Kendo UI 输出的表格，如下所示： 我想要的结果是让表有一个额外的列“#”，它只包含数据 1、2、3、4 等。 下面是我试图解决...