TOGOUTECH

kendo-grid

全部标签

javascript - 如何使用嵌套的 Json 填充 Kendo UI 网格?

如何使用嵌套的JSON填充KendoUI网格。我的意思是我的JSON就像varmyJson:[{"oneType":[{"id":1,"name":"JohnDoe"},{"id":2,"name":"DonJoeh"}]},{"othertype":"working"},{"otherstuff":"xyz"}]}];我想要KendoUIGrid,其列为Id、Name、OtherType和OtherStuff。提前致谢! 最佳答案 对于复杂的JSON结构,您可以使用schema.parsevargrid=$("#grid").ke

javascript - KendoUI Grid 只允许排序 asc 和 desc,不允许未排序

我有一个请求,让我的KendoUIGrid从一列开始排序,并且从那里只允许该列有排序的asc和排序的desc选项......这意味着没有未排序的选项。我的意思是当第一次查看页面时,有一个图标显示其按升序排列...如果单击列标题,则它会按降序排列,如果再次单击它会按升序排列。目前默认的Kendo行为是第三次单击将网格置于未排序模式,没有排序图标。如果有帮助,我的代码如下:$("#grid").kendoGrid({dataSource:{data:carList,schema:{model:{fields:{"Car":{type:"number"},"Miles":{type:"num

javascript - Kendo UI Grid Inline - 在网格的特定位置插入新行

我正在尝试通过addRow()方法向网格中插入一个新行,但我希望将其添加到网格上当前选定行之后或当前选定行之前?有人可以帮忙吗?目前我得到的是:Grid.addRow();$(".k-grid-edit-row").appendTo("#Gridtbody");但这会在表格底部插入一行。我需要它在特定位置添加行,网格已经有行。 最佳答案 这些是步骤:获取选中的项获取所选项目对应的项目。获取选中项对应的索引。使用DataSource中的insert方法指定要插入的位置。代码:vargrid=$("#grid").data("kendo

javascript - 剑道网格 : Canceling edit deletes new row

这是一个demo为我正在经历的行为。如果您编辑ID为1的现有行,将文本更改为其他内容,然后按取消按钮,该行将正确恢复到其先前的状态。为了重现我的问题,您需要:添加新行按更新按钮保存。再次选择该行并按更新按钮。按取消键该行消失了!即使有类似的问题,我也没有找到满意的答案。有人说我需要定义一个id。从我的演示中可以看出,这没有任何区别,新行有一个id,它仍然消失。当你使用远程数据源时有一些建议,但这对我来说不起作用,我需要使用本地数据。最后,有this回答。虽然它确实可以防止新行消失,但取消该行不会将数据恢复到其旧状态,它只会关闭编辑器并且数据与编辑后的位置相同。

javascript - Kendo UI 网格导出 excel 和 pdf 导出,没有创建文件

我正在尝试使用excel导出创建剑道网格。我的数据完全按照我的意愿显示,并且网格工作正常。但是,saveAsExcel函数触发了excelExport事件,但没有创建文件。pdf导出也有同样的问题。这是我的网格选项:grid=$("#grid").kendoGrid({toolbar:["excel","pdf"],height:500,scrollable:true,groupable:true,sortable:true,filterable:false,excel:{allPages:true,filterable:true},excelExport:function(e){co

javascript - Kendo UI Grid 列标题模板函数无法访问列定义

我正在尝试使用columns.headerTemplateKendoUIGrid的特征自定义列标题。您可以如下所示使用此功能,并由thisexampleIcreated演示.通常在使用KendoUItemplates时,小部件会将实体传递给模板函数,因此您可以使用各种属性来自定义要呈现的html。调试KendoUIGrid代码我可以看到,在_headerCellText方法中,对模板函数的调用传递了一个空对象而不是列,即使列对象在范围内也是如此。text=kendo.template(template,settings)({});在为每一列或更糟的情况诉诸自定义列标题模板之前,我是否可

javascript - 未捕获的类型错误 : $(. ..).data(...).saveAsPDF 不是函数。剑道网格

我正在尝试将数据导出到剑道网格中的pdf。网格:$("#tax_lists").kendoGrid({toolbar:["excel","pdf"],excel:{allPages:true,fileName:"Products.xlsx"},pdf:{allPages:true,avoidLinks:true,paperSize:"A4",margin:{top:"2cm",left:"1cm",right:"1cm",bottom:"1cm"},landscape:true,repeatHeaders:true,template:$("#page-template").html()

javascript - 具有层次结构的网格自定义命令调用 javascript 函数两次。

我正在使用带有custom.command的具有分层网格(父网格和子网格)的剑道网格;单击子项的查看按钮(在父网格的情况下它运行良好)时,它应该调用显示该行详细信息的java脚本函数,但发生的是它两次调用javascript,第一次具有正确的行ID(即同一行)然后第二次使用错误的ID(即父网格的第一个ID)。代码如下。父网格@(Html.Kendo().Grid().Name("GridAudit").Columns(column=>{column.Bound(model=>model.LogId).Visible(true);column.Bound(model=>model.Dat

javascript - 如何在剑道列模板中为元素设置弹出位置的 anchor

我使用kenodUI来创建我的WebUI。我有一个如下所示的列模板vartemplate="#:Contact#";我想每次点击详细信息按钮时弹出一个窗口,弹出窗口的位置应该在我点击的按钮的右下角。这是我目前所做的varpopup=$("#detailsPopup");popup.kendoPopup({anchor:"#details-button",origin:"bottomright",});但它不起作用。每次,弹出窗口显示在第一行按钮的右下角,而不是我单击的按钮的右下角。检查生成的html,所有按钮的ID都相同(详细信息按钮)。因此弹出窗口始终显示与第一个详细信息按钮相关的内

javascript - 剑道数据源 : how cancel an update request

我有一个剑道UI网格和一个数据源。当我调用Update方法时,我测试了一个变量,如果条件为假,我不想发送请求。目前我有:$scope.MySource=newkendo.data.DataSource({update:{url:function(lista){if(testVariable==true){testVariable=false;return"api/Liste/PutLista/"+lista.Id}else{$scope.MySource.cancelChanges();}},type:"PUT",dataType:"json",beforeSend:function(