首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >使用DropDown模板导出带列的Kendo网格表格

使用DropDown模板导出带列的Kendo网格表格
EN

Stack Overflow用户
提问于 2015-05-22 09:32:27
回答 1查看 1.1K关注 0票数 2

我想将kendo网格数据导出到excel中。我使用kendo dropdownlist作为一些列的模板。

当我导出它时,它会导出,但它不会显示这些列的文本值,而是显示这些字段的值。

EN

回答 1

Stack Overflow用户

发布于 2016-09-23 14:36:53

这可能不是“最好的”解决方案,但它对我很有效。基本上,我创建了一个函数来遍历并处理带有dropdown的行,使用Switch语句根据值设置文本(不幸的是,通过的数据只有值,而不是对象)。

下面是我的网格的标记:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<div id="grid" data-role="grid"
data-sortable=" {mode: 'single' , allowunsort:true }"
data-toolbar="[{template: this.model.getToolbar}]"
data-excel="{ fileName: 'export.xlsx', allPages:'true' }"
data-excel-export="model.curateExcelData"
data-columns="@string.Format(@"[
        {{ title:'{0}', field: 'Column1', width:80 }},
        {{ title:'{1}', field: 'Column2', width:80 }},
        {{ title:'{12}', field: 'DropDownColumn',template: kendo.template($('#dropdown-template').html()),'width':80, sortable: false }},
]", CommonResource.Column1, CommonResource.Column2, CommonResource.DropDownColumn)"
data-bind="source: items"
data-editable="inline">
</div>

和模板:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<script id="dropdown-template" type="text/x-kendo-template">    
    <input data-role="dropdownlist"
           data-auto-bind="false"
           data-value-primitive="true"
           data-text-field="Text"
           data-value-field="Value"
           data-bind="value: dropDownValue, source: dropDownValues"
           style="width:65px" />
</script>

下面是更新导出的值的函数(在我的示例中,我有一个下拉列表,即"Days“和”Week“,这是第12列):

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
curateExcelData: function (data) {
            var sheet = data.workbook.sheets[0];
            $.each(sheet.rows, function (index, row) {
                if (row.type == "data") {
                    switch (row.cells[12].value) {
                        case "D":
                            row.cells[12].value = "Days";
                            break;
                        case "W":
                            row.cells[12].value = "Weeks";
                        default:
                            break;
                    }
                }
            });
        },
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/30393187

复制
相关文章
使用EXCLE表格,有相同列,取某一列的值
如图,我有两列MAC地址表,然后需要把F列的值取值到D列,可以使用公式:=VLOOKUP(A1,$E$1:$F$44,2,0)进行处理数据。A1代表以哪一列为基础取值参考,$E$1:$F$44代表查找对比范围。
Tacc
2022/01/11
4.4K0
使用EXCLE表格,有相同列,取某一列的值
HTML编程-模板生成含有纵向跨行或横向跨列的表格。
平时我们在开发web网页时,经常遇到把数据呈现为表格报告的情况,有时需要跨列合并或跨行合并单元格来让数据更加直观突出更加条理分明。
MiaoGIS
2021/11/16
2.6K0
HTML编程-模板生成含有纵向跨行或横向跨列的表格。
Element 表格导出为Excel表格
在页面点击导出按钮时可以正常导出,但是如果左边有固定的列,相同的数据会导出2遍,可以做如下修改:
tianyawhl
2019/12/03
2.7K0
php导出excel表格_phpspreadsheet导出
单个sheet页Excel2003版最大行数是65536行。Excel2007开始的版本最大行数是1048576行。Excel2003的最大列数是256列,2007以上版本是16384列。
全栈程序员站长
2022/09/30
24.3K1
php导出excel表格_phpspreadsheet导出
java导出pdf模板_java模板导出PDF[通俗易懂]
一对一,点对点的给对应的地方写值,比如模板里面放了个name标识,在程序里把“张三”赋给name,那么输出的pdf里面name的地方就变成了张三,准确方便快捷
全栈程序员站长
2022/08/25
2.6K0
java导出pdf模板_java模板导出PDF[通俗易懂]
表格头部固定和表格列固定
我不是前端大神,只是偶尔在开发系统时,需要用到表格。如果表格只需要单独的用来展现数据,那就很简单了,那如果需要实现复杂的样式呢?比如说表头固定,当网页滚动的时候,表头自动固定到网页顶部,这样很客观的展现了每列的内容。
Petrochor
2022/06/07
3.4K0
bootstrap 表格 带边框
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
用户5760343
2022/01/10
1.1K0
bootstrap 表格 带边框
使用JS将table表格导出为excel
之前都是用Java在后端做的导出,这次表格数据做的比较麻烦,就直接在前端把table导出了,非常方便。
sunonzj
2022/06/21
8K0
使用JS将table表格导出为excel
JavaScript图表的数据可视化:比较D3和Kendo UI
D3和Kendo UI只是在web应用程序中创建图表的两种方式,选项范围从简单地在屏幕上绘制图形到使用复杂的图表组件。D3和Kendo UI都很受欢迎,两者都能完成工作。然而,相似之处到此为止,这两种方法代表了非常不同的方法,具有非常不同的特性。
程序你好
2018/09/29
11.9K0
JavaScript图表的数据可视化:比较D3和Kendo UI
对象转为表格导出
源码 https://github.com/13884566853/UniversalToolBox/tree/main/UniversalToolBox/src/main/java/com/wwt/example/indepartment/poi 场景:将对象转为json数据,再根据json生成excel表格和html表格 效果展示 使用 public static void template() throws IOException { // 任意对象 Order
燃192
2023/02/28
2.1K0
对象转为表格导出
java使用poi导出word并且带图片
最近在开发中有按照模板导出word的需求,并且把echarts图例附到word里,我开始使用freework取ftl模板的,不过由于转换麻烦,需定义好格式xml再转为ftl文件所以改为使用poi取word模板直接赋值的方式,并且通过拼接标签实现图片的附带和定义宽度高度。
余生大大
2022/10/25
2.5K0
java使用poi导出word并且带图片
java导出Excel表格
最近自己着手写了一个前后端分离的后台管理系统(主要是写着玩,java还是熟悉一点,所以前后端均是自己写),后端使用的Java SpringMVC。后来想着在用户管理中添加一个导出功能,所以就上网查了资料,实现了简单的导出功能,在这里记录下自己的过程。 1、在java项目中引入导出功能需要的jar包   poi-3.9.jar   poi-examples-3.9.jar   poi-excelant-3.9.jar   poi-ooxml-3.9.jar   poi-ooxml-schemas-3.9.ja
用户1174387
2018/01/17
4.6K0
java导出Excel表格
C#导出数据—使用Word模板
书签默认是看不到的,我们可以打开文件下的选项页面,然后在视图里勾选书签选项,让书签显示出来,如下图:
冬夜先生
2021/09/22
1.2K0
C#导出数据—使用Word模板
书签默认是看不到的,我们可以打开文件下的选项页面,然后在视图里勾选书签选项,让书签显示出来,如下图:
Kiba518
2021/09/26
1.6K0
C#导出数据—使用Word模板
模板导出Excel
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/161514.html原文链接:https://javaforall.cn
全栈程序员站长
2022/09/15
1K0
模板导出Excel
使用 easypoi 导出 excel 实现动态列,完美解决!
大家好。 说明 使用的是easypoi进行导出 行头是动态生成 依据key进行列匹配,进行数据填充 第一列进行纵向动态合并 自己的一个使用,记录一下 工具依赖 <dependency>     <groupId>cn.afterturn</groupId>    <artifactId>easypoi-base</artifactId>    <version>3.2.0</version> </dependency> <dependency>     <groupId>cn.afterturn</gro
java思维导图
2022/05/19
4.2K0
使用 easypoi 导出 excel 实现动态列,完美解决!
QTableView表格视图的列宽设置
      Qt中的表格控件可以通过从QTableView或QTableWidget派生子类实现。其中,QTableWidget只是对QTableView的一种简单封装。因为使用QTableView常常需要用户指定自定义的Model,这意味使用起来不够轻便。有时候我们只是想利用一些简单的表格功能,不需要对表格展示有多强大的控制。那么,QTableWidget便是一个不错的选择。这篇博文主要记录表格的列宽和行高的设置。 方法一:       恰当的设置表格的列宽往往能给表格的美观性带来较好的效果。一种简单的方
24K纯开源
2018/01/18
8.3K0
QTableView表格视图的列宽设置
Excel模板导出之动态导出
目前Magicodes.IE已支持Excel模板导出时使用JObject、Dictionary和ExpandoObject来进行动态导出,具体使用请看本篇教程。
心莱科技雪雁
2021/03/25
1.3K0
使用EasyExcel导出表格时合并单元格
现在需要将一个导出列表数据到Excel表格的功能进行改造,将指定列相同数据自动合并单元格。
iiopsd
2022/12/23
9.5K4
使用EasyExcel导出表格时合并单元格
用xlsx导出excel表格如何合并表格
在使用xlsx导出excel表格的时候,有时候我们需要将某些表格进行合并,该如何做呢,代码如下:
挥刀北上
2022/01/07
4.5K0
用xlsx导出excel表格如何合并表格

相似问题

如何使用带列模板的Kendo网格

12

Kendo dropdown -模板

11

Kendo UI网格模板列

20

Kendo UI网格列模板

32

值列的Kendo网格列模板

11
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
社区富文本编辑器全新改版!诚邀体验~
全新交互,全新视觉,新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能,全面提升创作效率和体验
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文