Kendo Grid是一个Kendo小部件,可显示表格数据并提供与数据交互的丰富支持,包括分页,排序,分组和选择。 Grid是一个功能强大的widget,有许多配置选项。它可以使用Kendo DataSource组件绑定到本地JSON数据或远程数据。
我在我的项目中使用kendo-react。 API 响应上的虚拟滚动效果非常好。但我也想在同一个表中使用选择。我正在尝试一些解决方案,但这对我不起作用。 W...
我有一个多维数据源,带有如下动态列: { 任务名称:“样本”, 2018 年 10 月 1 日:{ 分配:2, 已完成:0 }, 2018 年 10 月:{ 分配:2, 已完成:2 }...
我在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-vue 将多个表数据导出到不同的工作表中
如果您想在单个文件中导出多个网格表数据,并且每个表数据集在不同的工作表中,则可以通过此方法导出。这是简单又容易的方法。
我有剑道网格。它有许多列,其中之一是 ID 列。我正在寻找在销毁事件上将此 ID 发送到控制器的方法。 这是网格: @(Html.Kendo().Grid<
如果我滚动经过前 20 条记录,则不会记住剑道网格中选定的行,因为它会从第 21 行开始获取数据
这就是网格的样子。 @{ Html.Kendo().Grid(模型) .Name("进程") ...
Kendo Grid - 如何根据其他网格单元值计算网格单元值
我有一个剑道网格,它从 MVC 控制器接收数据。网格显示正确,其中 1 列可编辑。这是网格第一次渲染时的样子: 瑞杜...
使用 Telerik ASP.NET MVC 库。因此,有一个带有 DetailTemplate 的网格,它是子网格。在详细信息网格中,每一行都有一个 Telerik DropDownList。父表行也有一个 DropDownList....
我有一个简单的剑道网格,我需要修改。当您单击一行时,它应该以类似分层的方式显示表数据。 我当前的网格: @if(模型.属性!= null && ...
我正在使用 Kendo Angular 工具提示。虽然顶部的默认定位工作正常,但将其定位在底部时遇到问题,因为工具提示三角形与内容重叠......
如何在 MVC 中使用 ClientTemplate 和 EditorTemplateName 在 Kendo UI 网格中创建新行?
我正在尝试为联系人列表制作一个剑道网格,具有以下要求: 应该有一个用于创建新联系人的工具栏按钮 应该有一个 Actions 列,带有一个 Edit ...
如何在 Kendo Grid 的 AJAX Create 中发送附加数据
我可以使用这样的模式将附加数据发送到 Kendo 网格的 AJAX 读取操作...... @(Html.Kendo().Grid() .DataSource(数据源=>数据源 .Ajax() ...
Kendo UI MVC,Grid View additional data using Data method not working
我在剃刀视图中有以下剑道网格: @(Html.Kendo().Grid() .Name("manualMatchGrid") .列(列=> { 绑定字段(列); }) .
我希望能够调用将 Kendo 网格滚动到选定行的函数。我已经尝试了一些方法,但都没有用, 例如我试过这个: var grid = $("#Grid").d...
我可以在剑道弹出窗口中放置剑道网格吗?我试图在单击按钮时打开一个弹出窗口,并根据按钮单击显示来自我的数据库的数据。 我怎样才能做到这一点?有没有例子
我无法让我的网格呈现它正在检索的数据。我的控制器中有以下代码,并通过查看浏览器中的网络选项卡来验证它是否返回: [HttpPost, HttpGet]
我有一个剑道网格,它在数据源中接收多达 1000 条记录。这是处理的代码: @(Html.Kendo().Grid() .Name("网格") ...
如何使用 Kendo for jquery 将上传的图像文件绑定到 ASP.NET MVC 5 模型?
我已经准备好我能找到的关于这个主题的一切,但没有任何东西能解决我的问题。我对 Kendo 完全陌生(它的版本 2018.1.221 很旧),对 ASP.NET MVC 5 相对较新,而我的 jQu ...
我正在尝试扩展 Kendo 列过滤器选项,它应该也支持字符串搜索过滤器和布尔列过滤器。对于布尔搜索,它取决于其他属性值...
如何在 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>