kendo-ui 相关问题

如何在kendo stockChart中使用气泡作为系列类型？

如何在剑道股票图表中使用气泡作为系列类型？ 我已经尝试过以下代码，但它不起作用 $("#chart").kendoStockChart({ 系列： [ { 类型：“</desc> <question vote="0"> <p>如何在kendo StockChart中使用气泡作为系列类型？</p> <p>我尝试了以下代码，但它不起作用</p> <pre><code>&lt;script&gt; $(&#34;#chart&#34;).kendoStockChart({ series: [ { type: &#34;bubble&#34;, data: [ { x: 1, y: 2, size: 3 }, { x: 4, y: 5, size: 6 }, { x: 7, y: 8, size: 9 } ] } ] }); &lt;/script&gt; </code></pre> <p>有办法解决这个问题吗？</p> </question> <answer tick="false" vote="0"> <p>stockChart 仅支持以下系列类型：</p> <ul> <li>区域</li> <li>专栏</li> <li>线</li> <li>烛台，ohlc</li> <li>子弹</li> </ul> <p>请参阅此处的文档：<a href="https://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/stock-chart/configuration/series.type" rel="nofollow noreferrer">https://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/stock-chart/configuration/series.type</a></p> </answer> </body></html>

kendo ButtonSize 不适用于角度框架

我尝试更改按钮的大小，但不幸的是，这不适用于有角度的农场工作。我使用 Bootstrap 剑道 UI。 我不想使用静态样式，如下所示：height:30px ...的例子

适合剑道网格的多维数据源

我有一个多维数据源，带有如下动态列： { 任务名称：“样本”， 2018 年 10 月 1 日：{ 分配：2， 已完成：0 }, 2018 年 10 月：{ 分配：2， 已完成：2 }...

如何在kendo ui网格列中显示格式化的HTML数据

我在kendo ui 网格中动态添加了列。 我有一个名为“格式化”的列，其中的数据以以下格式显示。 这是b... 我在kendo ui 网格中动态添加了列。 我有一个名为“格式化”的列，其中的数据以以下格式显示。 <div class="class1"> <div>This is <strong>bold </strong>text.</div> <div> </div> <div>This is <em>italics</em> text.</div> <div> </div> <div>This is a <a href="http://google.com/">hyperlink</a>.</div> <div> </div> <div>Bulleted list:</div> <ul> <li>Bullet #1</li> <li>Bullet #2</li> <li>Bullet #3</li></ul></div> 我希望“格式化”列显示如下数据。 This is bold text.   This is italics text.   This is a hyperlink.   Bulleted list: Bullet #1 Bullet #2 Bullet #3 我该怎么办呢。 请任何人都可以帮助我。 您应该定义一个列模板。 示例： <script id="ob-template" type="text/x-kendo-template"> <div class="class1"> <div>This is <strong>bold </strong>text.</div> <div> </div> <div>This is <em>italics</em> text.</div> <div> </div> <div>This is a <a href="http://google.com/">hyperlink</a>.</div> <div> </div> <div>Bulleted list:</div> <ul> <li>Bullet #1</li> <li>Bullet #2</li> <li>Bullet #3</li> </ul> </div> </script> 然后，当您定义列时使用它： $("#grid").kendoGrid({ dataSource: ..., columns: [ { field: "...", title: "...", template: $("#ob-template").html()} ] }); 您可以使用模板属性： template: "#=rawHtmlDataVariable#" 像这样 <div id="grid"></div> <script> $("#grid").kendoGrid({ columns: [ { field: "name", template: "#=rawHtmlDataVariable#" }], dataSource: [ { name: "Jane Doe" }, { name: "John Doe" } ] }); http://docs.telerik.com/kendo-ui/api/javascript/ui/grid#configuration-columns.template 如果使用 Ajax 渲染网格，还有另一种解决方案 解决方案如下： @(Html.Kendo().Grid<YourModel>() .Name("Grid") .Columns(columns => { columns.Bound(p => p.Name).ClientTemplate("#=convertToPlaintext(data.Name)#").HeaderTemplate("Name"); }) .HtmlAttributes(new { style = "height: 550px;" }) .Pageable( pageable => pageable .Input(true) .Numeric(false) ) .Sortable() .Scrollable(scr=>scr.Height(430)) .Filterable() .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("YouAction", "YourController").Type(HttpVerbs.Get)) .ServerOperation(true) )) 然后创建一个函数 javascript 将 html 内容转换为纯文本，如下所示： function convertToPlaintext(htmlContent) { var div = document.createElement("div"); div.innerHTML = htmlContent; return div.textContent; } 谢谢

如何从 Kendo UI CheckBoxGroup 获取选中的复选框

我刚刚开始使用 Kendo CheckBoxGroup，不知道如何获取选中的复选框，有什么想法吗？ $(文档).ready((e) => { 生成CheckBoxList(); }); 功能

Kendo UI 文件上传器表单为空

我正在转换现有应用程序以使用kendo文件上传器，但上传器不提交文件。这是相关的 HTML： ... 我正在将现有应用程序转换为使用剑道文件上传器，但上传器不提交文件。这是相关的 HTML： <div class="form-sort large bottom-radius"> <!-- Attachment form --> <input type="file" multiple="multiple" name="attachments[]" id="addProjectAttachments" class="project-input" style="position: absolute; left: -9999px; top: -9999px; z-index: -9999;" data-key="files" /> <small class="error">Please provide a project attachment</small> <!-- /Attachment form --> </div> 相关JS： /** * Initialize Kendo Upload * @external 'kendoUpload()' * @see {@link https://demos.telerik.com/kendo-ui/upload/index} */ $inputAttachments.kendoUpload({ async: { saveUrl: '/upload/add', removeUrl: '/upload/remove', autoUpload: true }, success: onSuccess, remove: onRemove }); 页面向正确的端点发出ajax请求/upload/add，但提交的表单没有该文件。这是上传者提交到服务器的屏幕截图： 如何让文件上传者真正发送文件？ 更新：只是为了强调另一端没有收到任何内容的事实，以下内容均为空$_FILES，$_POST，$_REQUEST，file_get_contents('php://input')。另外，当图像约为 2MB 时，请求大小本身仅为 672B。 此类有效负载有时可能无法在 Chorme 的开发人员工具中正确显示 - 例如，当我使用 Fiddler 进行测试时此演示，当我上传包含文本“AAAAAAAAAAAAAAAAAAAA”的文本文件时，我可以看到以下有效负载： ------WebKitFormBoundaryxjprkqww7bTpl1IF 内容处置：表单数据；名称=“文件”；文件名=“testUpload.txt”内容类型： 文本/纯文本 啊啊啊啊啊啊啊啊啊 ------WebKitFormBoundaryxjprkqww7bTpl1IF-- 尝试将 name 和 id 设置为相同，name="attachments" id="attachments"

在 MVC 应用程序中刷新数据源时，Kendo 下拉列表不会重新渲染

我有一个带有 razon 页面和 2 个 kendo 下拉列表的 MVC 应用程序。这是第一个下拉列表的定义： @(Html.Kendo().DropDownList() .Name("TaxYearDropDown") .

AnimationBuilder 未在故事书中加载剑道自动完成功能

我正在尝试围绕剑道自动完成创建一个可重用的包装组件并将其显示在故事书中。 为了简单起见，我将组件包装器设置为 Angular 中的独立组件。 这个应用程序...

如何在jquery的kendo treeview / ui中只允许选择一项复选框？

我想在jquery的kendo treeview / ui中将复选框模式设置为单一。 但是jquery没有官方的选项。我找到了扫描所有树视图并一一取消选中其他树视图的解决方案。但这让我...

Kendo UI 与 asp.net

如何将 Kendo UI 与 asp.net Web 应用程序一起使用？ 因为当我尝试创建一个 asp.net 应用程序并在 bin 文件夹中添加 kendo.mvc.dll 时。现在我添加了： <%= Html.Kendo().Calendar().Name(&

Kendo NumericTextBox 在初始渲染时显示小数

我的 .cshtml 页面上有以下剑道 NumericTextBox： @(Html.Kendo().NumericTextBox() .Name("txtFrmSettMemoFDTFee") .最大(100) .最小值(0) .小数(0) .Format("\#...

如果我滚动经过前 20 条记录，则不会记住剑道网格中选定的行，因为它会从第 21 行开始获取数据

这就是网格的样子。 @{ Html.Kendo().Grid(模型) .Name("进程") ...

Kendo Grid - 如何根据其他网格单元值计算网格单元值

我有一个剑道网格，它从 MVC 控制器接收数据。网格显示正确，其中 1 列可编辑。这是网格第一次渲染时的样子： 瑞杜...

Telerik Kendo 图布局网格

我正在我的 angularjs 项目中制作我的剑道图。我想在后台设置一个布局网格作为对齐形状的指南。我做了一些研究，但找不到任何解决方案。 是

更改详细表中的所有下拉菜单

使用 Telerik ASP.NET MVC 库。因此，有一个带有 DetailTemplate 的网格，它是子网格。在详细信息网格中，每一行都有一个 Telerik DropDownList。父表行也有一个 DropDownList....

Kendo 数字文本框货币格式带前缀

我正在尝试在 Kendo 数字文本框中以美元格式化数字，但我想将国家/地区代码添加到结果字符串（123.45 美元）中，以使其与其他美元区分开来 -

kendo telerik 中导入 RTF 文件格式的问题

我正在尝试在kendo中上传rtf文件，但它抛出以下错误， 在 System.ThrowHelper.ThrowKeyNotFoundException() 在 System.Collections.Generic.Dictionary`2.get_Item(TKey key) 在

Kendo Angular 工具提示位置底部三角形重叠

我正在使用 Kendo Angular 工具提示。虽然顶部的默认定位工作正常，但将其定位在底部时遇到问题，因为工具提示三角形与内容重叠......

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>