kendo-ui 相关问题

如何在剑道股票图表中使用气泡作为系列类型？我已经尝试过以下代码，但它不起作用 $("#chart").kendoStockChart({ 系列： [ { 类型：“</desc> <question vote="0"> <p>如何在kendo StockChart中使用气泡作为系列类型？</p> <p>我尝试了以下代码，但它不起作用</p> <pre><code><script> $("#chart").kendoStockChart({ series: [ { type: "bubble", data: [ { x: 1, y: 2, size: 3 }, { x: 4, y: 5, size: 6 }, { x: 7, y: 8, size: 9 } ] } ] }); </script> </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>

javascript jquery kendo-ui

回答 0 投票 0

kendo ButtonSize 不适用于角度框架

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

angular button kendo-ui

回答 3 投票 0

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

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

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

回答 3 投票 0

如何在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 kendo-grid

回答 3 投票 0

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

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

jquery kendo-ui

回答 1 投票 0

Kendo UI 文件上传器表单为空

我正在转换现有应用程序以使用kendo文件上传器，但上传器不提交文件。这是相关的 HTML： ... 我正在将现有应用程序转换为使用剑道文件上传器，但上传器不提交文件。这是相关的 HTML： <div class="form-sort large bottom-radius">  <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>  </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"

php file file-upload kendo-ui

回答 2 投票 0

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

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

kendo-ui kendo-asp.net-mvc

回答 1 投票 0

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

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

angular kendo-ui storybook angular-storybook

回答 1 投票 0

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

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