kendo-ui 相关问题

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

我正在尝试扩展 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 等。 下面是我试图解决...

kendoui 调度程序 - 在导航事件期间防止服务器调用

我需要防止在调度程序的导航事件期间自动触发的服务器调用，因为我需要调用我的函数 LoadData 来做很多事情然后执行

Kendo UI 按钮和弹出窗口

我需要在弹出窗口中添加按钮“NEXT”，当我点击按钮“NEXT”时如何触发它会产生弹出窗口 2？有人知道吗？请参考下面我的DEMO。谢谢。 在这里演示

kendoui scheduler - 在“编辑”事件中插入多个约会

在调度程序的“编辑”事件中（我自定义了编辑模板）需要 ingore 当前编辑事件并以编程方式插入多个约会 我试过……

kendo-colorpicker angular

我在显示中遇到问题，当使用带有角度的剑道颜色选择器时。 顺便说一下，我使用 angular 8 和 "@progress/kendo-angular-inputs": "^6.0.0", 截图 即使我

如何在 MVC 的 Kendo 网格弹出模板中获取图像？

我正在使用 Kendo 网格弹出模板，我试图在模板中获取图像名称和路径，但没有成功。 这是我的索引视图： @(Html.Kendo().Grid 我正在使用 Kendo 网格弹出模板，我试图在模板中获取图像名称和路径，但没有成功。 这是我的索引视图： @(Html.Kendo().Grid<TelerikMvcAppCombo.Models.ImageModel>() .Name("grdImageModel") .DataSource(datasource => datasource .Ajax() .Model(model => model.Id(p => p.IMAGESIZE_ID)) .Create(create => create.Action("Create", "Imagetest")) .Update(update => update.Action("Editing_Update", "Imagetest")) .Destroy(delete => delete.Action("Delete", "Imagetest")) .Read(read => read.Action("GetData", "Imagetest")) .Model(model => { model.Field(p => p.IMAGESIZE_ID).Editable(true); model.Id(p => p.IMAGESIZE_ID); model.Field(p => p.IMAGESIZE_ID).Editable(false); // model.Field(p => p.isenabled).DefaultValue(true); }) ) .Columns(columns => { //columns.Bound(c => c.IMAGESIZE_ID).ClientTemplate("<input type='checkbox' value #=IMAGESIZE_ID# />").Width(50); columns.Bound(c => c.IMAGESIZE_ID).ClientTemplate("<input type='checkbox' value #=IMAGESIZE_ID# />").Title("Image No"); columns.Bound(c => c.IMAGESIZE_NAME).Width(140).Title("Image Name"); columns.Bound(c => c.IMAGESIZE_DESC).ClientTemplate("<img src='" + Url.Content("~/Images/") + "#=IMAGESIZE_NAME#'/>").Title("Image"); columns.Bound(c => c.created_by).Title("Created By"); columns.Bound(c => c.created_date).Title("Created Date"); columns.Bound(c => c.modified_by).Title("Modified By"); columns.Bound(c => c.modified_date).Title("Modified Date"); columns.Command(command => { command.Edit(); command.Destroy(); }); }) .ToolBar(toolbar => toolbar.Create()) .Editable(editable => editable.Mode(GridEditMode.PopUp).TemplateName("ImageModel")) .HtmlAttributes(new { style = "height: 580px;" }) .Scrollable() .Sortable() .Pageable(pageable => pageable .Refresh(true) .PageSizes(true) .ButtonCount(5) ) ) 这是我的编辑器模板： <div> @(Html.Kendo().Upload() .Name("files") .Multiple(false) .Messages(msg => msg.Select("Browser")) .Events(e => e .Select("onSelect").Remove("onRemove")) ) <div style="height:150px;width:150px;" id="divimage"></div> </div> 这是我的控制器： [AcceptVerbs(HttpVerbs.Post)] public ActionResult Create([DataSourceRequest] DataSourceRequest request, IEnumerable<HttpPostedFileBase> files) { return View(""); } [AcceptVerbs(HttpVerbs.Post)] public ActionResult Editing_Update([DataSourceRequest] DataSourceRequest request, string imagename, string imagepath) { return RedirectToAction("index"); } [AcceptVerbs(HttpVerbs.Post)] public ActionResult Delete([DataSourceRequest] DataSourceRequest request, ImageModel imagemodel) { return View(); } public JsonResult GetData([DataSourceRequest] DataSourceRequest request) { var list = db.imageModels.ToList(); return Json(list.ToDataSourceResult(request)); } 如果我把kendo上传控件作为一个单独的控件使用，那么我很容易得到图片路径和名称。但是如果我在网格弹出窗口中使用剑道上传，那么我就看不到图像了。 我假设您的上传控件是更大表单的一部分。尝试在 .ToClientTemplate() 上添加 Html.Kendo().Upload() 希望我能正确理解你的问题。

Kendo MVC 调度程序事件从插槽扩展

我有一个 Web 应用程序，其中左侧有可扩展菜单，如图所示。在展开或关闭侧面菜单时，调度程序事件将移动到另一个插槽（基本上所有事件都在移动

如何使用 kendo-grid-column 中的自定义组件为 Angular 复制 kendo 网格中的行

我在剑道网格中处理行时遇到问题。 它的工作绝对不可预测。 有时正常复制行中的所有值，但是当我调用删除行，删除最后一行时，我不知道为什么。 这是...

Kendo 网格 - 在显示数据之前查看 json 对象

我有一个 C# mvc 应用程序向剑道网格提供数据。我在 C# 应用程序中设置了断点，我已经验证数据正在生成并返回到网格（我有 19 条记录

如何找到Js zip版本？

我在 ASP.NET Core 项目中包含了 keno-ui (2021-2.616) 客户端库。包含的文件之一是 jszip.min.js，我正在尝试查找这是什么版本的 JS zip。 通常自动...

Kendo 甘特图问题 Angular

错误图片我一直在尝试安装甘特图，版本 0.2.0。当我在 app.module.ts 中导入它时有几个错误。我附上 package.json 的屏幕截图和错误。 谢谢 吃...

基于 rowcell 值的 Kendo-Grid UI 启用/禁用按钮 - Angular

我正在使用其中一列中带有下载按钮的 Kendo-Grid。 我想根据行的单元格值启用或禁用按钮。 这是我在 html 中的剑道网格 我正在使用其中一列中带有下载按钮的 Kendo-Grid。 我想根据行的单元格值启用或禁用按钮。 这是我在 html 中的剑道网格 <kendo-grid [kendoGridBinding]="engagementData" [resizable]="true" [sortable]="true" [pageable]="true" [pageSize]="10"> <kendo-grid-column field="Engagement" title="Engagement" [width]="150" value="value" [filterable]="true"> <ng-template kendoGridFilterCellTemplate let-filter let-column="column"> <kendo-grid-string-filter-cell [column]="column" [filter]="filter"> </kendo-grid-string-filter-cell> </ng-template> </kendo-grid-column> <kendo-grid-column field="ExtractionStatus" title="Overall Extraction Status" [width]="120"> <ng-template kendoGridFilterCellTemplate let-filter let-column="column"> <kendo-grid-string-filter-cell [column]="column" [filter]="filter"> </kendo-grid-string-filter-cell> </ng-template> </kendo-grid-column> <kendo-grid-column field="ExtractionStatus" title="Action" [width]="120" value="value" [filterable]="false"> <ng-template kendoGridCellTemplate let-dataItem="dataItem" let-rowIndex="rowIndex"> <strong><button (click) = "parentDownloadClick()" style="color: #007bff;cursor: pointer;" [disabled] = "engagementData.ExtractionStatus == 'In Progress'">Download</button></strong> </ng-template> </kendo-grid-column> 我正在使用下面的代码来禁用按钮 [disabled] = "engagementData.ExtractionStatus == 'In Progress'" 但是我得到一个编译错误'Property 'ExtractionStatus' does not exist on type 'ItransactionDetails[]'' 这是我的 ITransactionDetails 的样子，它是 engagementData 的数据类型。 export interface ItransactionDetails { TransactionID: string; Engagement: string; ExtractionStatus: string; } 如何读取单元格值以禁用/启用按钮？ 或者有更好的方法吗？ 有人可以帮我解决我可能遗漏的问题吗？

Kendo-ui 中的多选下拉选择

有人知道 kendo UI 是否有像 Angular Material 那样的多选吗？ 我查找了一些 Kendo 控件，我所拥有的只是带有关键字选择的多选。不...

在 Azure 服务器上发布代码后，Kendo Dropdown 变为文本框

我的 UI 中有两个下拉菜单，标题为“应用程序包”和“文档类型”。 .列（列=> { columns.Bound(c => c.AppPack...

使用 get() 调用函数在新版本的 Kendo 中不起作用

所以问题是我们有2021年的剑道版本 在我们的项目中，我们曾经到处调用这样的函数 viewModel.get("someFunction()"); 它工作正常但现在......

我怎样才能修复这个 React Hook 示例，使其具有与用类编写的这个示例相同的功能？

我正在尝试在窗口调整大小时动态设置我的列的最小宽度！ Kendo 网站上使用类的示例工作正常。但是使用 Hooks 的不是。有人可以帮我弄清楚...