easyui datagrid footer的问题

哎呀好气啊 2018-01-19 09:16:59

easyui datagrid footer 怎么配置？

这是我后台穿过来的JSON数据



{"total":1,"footer":[{"name":"总计","sum":1}],"rows":[{"trainId":"1038","trainType":"特快","arrivalTime":1516249320000,"mile":500,"num":1,"runtime":16.0,"startStation":"杭州","startTime":1516191720000,"trainNo":"K819","arrivalStation":"上海"}]}

前台怎么配置columns才能正常显示footer，我已经设置了showFooter:true.

easyui 版本 1.5.4

...全文

428 2 打赏收藏转发到动态举报

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

哎呀好气啊 2018-01-21

打赏
举报

回复

引用 1 楼 apollokk 的回复:

footer的列名要和rows的一致

谢谢，已经解决了

Hello World, 2018-01-20

打赏
举报

回复

footer的列名要和rows的一致

easyui的datagrid生成合并行,合计计算价格!

名称类型描述默认值 columns（列） array（数组）数据表格列配置对象，查看列属性以获取更多细节。 null frozenColumns（固定列） array（数组）跟列属性一样，但是这些列固定在左边，不会滚动。 null fitColumns（自适应列宽） boolean（布尔型）设置为true将自动使列适应表格宽度以防止出现水平滚动。 false striped（显示条纹） boolean（布尔型）设置为true将交替显示行背景。 false method（方法） string（字符串）请求远程数据的方法类型。 post nowrap（截取） boolean（布尔型）设置为true，当数据长度超出列宽时将会自动截取。 true idField（id字段） string（字符串）表明该列是一个唯一列。 null url（超链接） string（字符串）一个用以从远程站点请求数据的超链接地址。 null loadMsg（载入时信息） string（字符串）当从远程站点载入数据时，显示的一条快捷信息。 Processing, please wait … pagination（分页） boolean（布尔型）设置true将在数据表格底部显示分页工具栏。 false rownumbers（行数） boolean（布尔型）设置为true将显示行数。 false singleSelect（单选模式） boolean（布尔型）设置为true将只允许选择一行。 false pageNumber（当前页码） number（数字）当设置分页属性时，初始化分页码。 1 pageSize（每页记录数） number（数字）当设置分页属性时，初始化每页记录数。 10 pageList（可选择的每页记录数） array 当设置分页属性时，初始化每页记录数列表。 [10,20,30,40,50] queryParams（查询参数） object（对象）当请求远程数据时，发送的额外参数。 {} sortName（默认排序） string（字符串）当数据表格初始化时以哪一列来排序。 null sortOrder（排序顺序） string（字符串）定义排序顺序，可以是'asc'或者'desc'（正序或者倒序）。 asc remoteSort（远程排序） boolean（布尔型）定义是否通过远程服务器对数据排序。 true showFooter（显示行底） boolean（布尔型）定义是否显示行底（如果是做统计表格，这里可以显示总计等）。 false rowStyler（行样式） function（函数）返回样式，如：'background:red'，function有2个参数： index：行索引，从0开始. row：对应于该行记录的对象。 loadFilter（载入过滤器） function（函数）返回用以显示的已过滤数据，function有一个参数'data'表示原始数据，你可以将原始数据改变为规范的数据格式，该函数必须返回包含 'total'和'rows'属性的标准数据对象。 editors（编辑模式） object（对象）定义当编辑一行时的编辑模式。 predefined editors view（视图） object（对象）定义数据表格的视图。 default view

在datagrid的onLoadSuccess事件增加代码处理。 <style type=text/css> .subtotal { font-weight: bold; }/*合计单元格样式*/ </style> [removed] function onLoadSuccess() { //添加“合计”列 $('#table').datagrid('appendRow', { Saler: '合计', T

Convert a HTML table to DataGrid Add a pagination to DataGrid Get selected row data from DataGrid Add a toolbar to DataGrid Create Complex Toolbar for DataGrid Frozen columns for DataGrid Dynamic change DataGrid columns Formatting DataGrid columns Add sorting to DataGrid Custom sorting in DataGrid Create column groups in DataGrid CheckBox select on DataGrid Custom DataGrid Paging Enable DataGrid Inline Editing Calculate two column values in editing DataGrid Merge DataGrid Cells Create Custom View for DataGrid Displaying Summary Information in DataGrid's Footer Change Background Color of DataGrid Row on Some Condition Create a Property Grid Expand row in DataGrid to show details

注意： chm格式文档如果打不开，有可能是被杀毒软件拦截掉了，请关闭后再试，如果还是不能用，就使用exe格式的吧！另外文档全部存放在docs目录下，有些人自己不知道看文档，也不知道看下载说明，甚至连翻目录都懒得翻，就评论说根本没有文档，骗人什么的，对于你们我真的很不屑。 jQuery EasyUI 1.4.1版本更新内容： Bug（修复） combogrid：修复combogrid组件和其他combo组件高度不一致的问题； datagrid：修复在datagrid行元素调用“updateRow”方法的时候丢失某些类样式的问题； menubutton：修复在被禁用的按钮上使用“enable”方法无效的问题； form：修复在form组件中调用“clear”方法以后导致firebox组件失效的问题。 Improvement（改进） tabs：“update”方法增加“type”参数，允许用户更新表头、表体或整个tab控件； panel：添加“openAnimation”、“openDuration”、“closeAnimation”和“closeDuration”属性用来设置面板打开和关闭时的动画效果； panel：添加“footer”属性用来定义在页脚展示的页脚栏； datagrid：调用“endEdit”方法可正确获取编辑值（这应该是一个已有功能的改进，具体内容不得而知）； datagrid：添加“onBeforeSelect”、“onBeforeCheck”、“onBeforeUnselect”和“onBeforeUncheck”事件； propertygrid：允许用户使用“beginEdit”方法进行行编辑； datebox：添加“cloneFrom”方法来快速创建“datebox”组件； datetimebox：添加“cloneFrom”方法来快速创建“datetimebox”组件。

87,997

社区成员

224,709

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章