当前位置： >
> jquery easyui datagrid 加每页合计和总合计，请教怎么来做
jquery easyui datagrid 加每页合计和总合计，请教怎么来做
xuzhouhaipai & at
jquery easyui datagrid 加每页合计和总合计，请问如何来做我用的struts3+spring2+jquery
easyui& 想在easyui datagrid 加每页合计和总合计，请问如何来做
官方例子里有类似的。首先设置showFooter:true,然后后台计算出合计数据，一起传过来，类似如下：{&total&:28,&rows&:[ {&productid&:&FI-SW-01&,&unitcost&:10.00,&status&:&P&,&listprice&:36.50,&attr1&:&Large&,&itemid&:&EST-1&}, {&productid&:&K9-DL-01&,&unitcost&:12.00,&status&:&P&,&listprice&:18.50,&attr1&:&Spotted Adult Female&,&itemid&:&EST-10&}, {&productid&:&RP-SN-01&,&unitcost&:12.00,&status&:&P&,&listprice&:28.50,&attr1&:&Venomless&,&itemid&:&EST-11&}, {&productid&:&RP-SN-01&,&unitcost&:12.00,&status&:&P&,&listprice&:26.50,&attr1&:&Rattleless&,&itemid&:&EST-12&}, {&productid&:&RP-LI-02&,&unitcost&:12.00,&status&:&P&,&listprice&:35.50,&attr1&:&Green Adult&,&itemid&:&EST-13&}, {&productid&:&FL-DSH-01&,&unitcost&:12.00,&status&:&P&,&listprice&:158.50,&attr1&:&Tailless&,&itemid&:&EST-14&}, {&productid&:&FL-DSH-01&,&unitcost&:12.00,&status&:&P&,&listprice&:83.50,&attr1&:&With tail&,&itemid&:&EST-15&}, {&productid&:&FL-DLH-02&,&unitcost&:12.00,&status&:&P&,&listprice&:63.50,&attr1&:&Adult Female&,&itemid&:&EST-16&}, {&productid&:&FL-DLH-02&,&unitcost&:12.00,&status&:&P&,&listprice&:89.50,&attr1&:&Adult Male&,&itemid&:&EST-17&}, {&productid&:&AV-CB-01&,&unitcost&:92.00,&status&:&P&,&listprice&:63.50,&attr1&:&Adult Male&,&itemid&:&EST-18&}],&footer&:[ {&unitcost&:19.80,&listprice&:60.40,&productid&:&Average:&}, {&unitcost&:198.00,&listprice&:604.00,&productid&:&Total:&}]}xuzhouyantuqiang & &
& & （0）（0）
本问题标题：
本问题地址：
温馨提示：本问题已经关闭，不能解答。
暂无合适的专家
&&&&&&&&&&&&&&&
希赛网 版权所有 & &&&&增值电信业务经营许可证湘B2-下一篇：没有了
13年09月28日
13年09月28日
13年09月28日
13年09月28日
13年09月28日
13年09月28日
13年09月28日
13年09月28日
本栏热门推荐查看jQuery EasyUI的帮助说明，getSelected是获取选中行的数据,但当我没有选中当前行时，直接单击了此行中的标签&a&Edit&/a&时，用此方法不能得出正确得出行数据，请问用什么方法能得出?还是要自已自定义方法获取?
问题补充：lt0604 写道数据是有ID的，在点击edit的脚本里（将这个ID）传入，取到对应的数据就可以了。
自来只有利用DataGrid中内部的index值来获得了，奇怪怎么DataGrid没提供类似方法呢.
问题补充：liguangwen 写道在js里加上单击双击函数就可以了
onClickRow:function(rowIndex)
onDblClickRow:function(rowIndex)
在columns下面加,你单击或双击的时候给你传一个下标,有这个下标这一行的数据就都可以得到了,明白吗?
你说这种方法不行的，单击&a&标签并不触发onClickRow事件，要在字段绑定时传递index就可以了
{field:'action',title:'Action',width:70,align:'center',
formatter:function(value,row,index){
if (row.editing){
var s = '&a href="#" onclick="saverow('+index+')"&Save&/a& ';
var c = '&a href="#" onclick="cancelrow('+index+')"&Cancel&/a&';
return s+c;
var e = '&a href="#" onclick="editrow('+index+')"&Edit&/a& ';
var d = '&a href="#" onclick="deleterow('+index+')"&Delete&/a&';
return e+d;
问题补充： 写道
{field:'opt',title:'Operation',width:100,align:'center', rowspan:2,
formatter:function(value,rec){
return '&span style="color:red"&&a href="#" onclick="editfunc('+value+')"&Edit&/a&&/span&';
这样editfunc中就可以获取value了。
能具体讲讲formatter的用法吗?不是很明白它的作用.
问题补充：formatter:function(value,rec)
传参有什么讲究吗？必须是value,rec的形式吗?thks.
采纳的答案
引用
能具体讲讲formatter的用法吗?不是很明白它的作
formmater 是用于将这个单元格中原有应该是 json中的一个值比如说A，
通过formmater格式化成一个html或者其他字符串，比如 &a&A&/a& 这样的形式。
function(value,rec) 这是回调函数，不是让你传参数，而是他会参数这个row的这个单元格中的数据和索引给你，你取value就是该单元格数据，rec是row的对象数据。你只要在formmater function中取这个值来使用就行了。
以上是一种方式，是直接通过函数传递的方式，还有一种，将你要的id值写在&a& 的属性中
{field:'opt',title:'Operation',width:100,align:'center', rowspan:2,
formatter:function(value,rec){
return '&span style="color:red"&&a href="#"
rowId="'+value+'"&Edit&/a&&/span&';
{field:'opt',title:'Operation',width:100,align:'center', rowspan:2,
formatter:function(value,rec){
return '&span style="color:red"&&a href="#" onclick="editfunc('+value+')"&Edit&/a&&/span&';
这样editfunc中就可以获取value了。
这个还有个最笨的方法就是在&a href="#" onclick="getXXXX('','','')"/&edit&/a&
所有的列值都放在这里面就可以了
填值得方法应该会吧!
在js里加上单击双击函数就可以了
onClickRow:function(rowIndex)
onDblClickRow:function(rowIndex)
在columns下面加,你单击或双击的时候给你传一个下标,有这个下标这一行的数据就都可以得到了,明白吗?
数据是有ID的，在点击edit的脚本里（将这个ID）传入，取到对应的数据就可以了。
已解决问题
未解决问题Jquery-easyui 这里有 datagrid 的表格的增删查改，怎么讲搜索框添加到toobar上。 JavaScript 195万源代码下载-
&文件名称: Jquery-easyui& & [
& & & & &&]
&&所属分类:
&&开发工具: JavaScript
&&文件大小: 205 KB
&&上传时间:
&&下载次数: 42
&&提 供 者:
&详细说明：这里有easyui datagrid 的表格的增删查改，怎么讲搜索框添加到toobar上。-This is the form make of easyui datagrid.
this is show how to put search box on the toobar
文件列表(点击判断是否您需要的文件，如果是垃圾请在下面评价投诉):
&&Jquery-easyui添加搜索框\datagrid5.html&&.......................\easyui.css&&.......................\icon.css&&.......................\demo.css&&.......................\jquery.easyui.min.js&&.......................\jquery-1.6.min.js&&.......................\datagrid5.html.bak&&.......................\datagrid_data3.json&&.......................\icons\back.png&&.......................\.....\blank.gif&&.......................\.....\cancel.png&&.......................\.....\cut.png&&.......................\.....\edit_add.png&&.......................\.....\edit_add2.png&&.......................\.....\edit_remove.png&&.......................\.....\export.png&&.......................\.....\filesave.png&&.......................\.....\help.png&&.......................\.....\import.png&&.......................\.....\modify.png&&.......................\.....\no.png&&.......................\.....\ok.png&&.......................\.....\pencil.png&&.......................\.....\print.png&&.......................\.....\reload.png&&.......................\.....\search.png&&.......................\.....\sum.png&&.......................\.....\Thumbs.db&&.......................\.....\tip.png&&.......................\.mages\accordion_collapse.png&&.......................\......\accordion_expand.png&&.......................\......\blank.gif&&.......................\......\button_a_bg.gif&&.......................\......\button_plain_hover.png&&.......................\......\button_span_bg.gif&&.......................\......\calendar_nextmonth.gif&&.......................\......\calendar_nextyear.gif&&.......................\......\calendar_prevmonth.gif&&.......................\......\calendar_prevyear.gif&&.......................\......\combo_arrow.gif&&.......................\......\datagrid_header_bg.gif&&.......................\......\datagrid_row_collapse.gif&&.......................\......\datagrid_row_expand.gif&&.......................\......\datagrid_sort_asc.gif&&.......................\......\datagrid_sort_desc.gif&&.......................\......\datagrid_title_bg.png&&.......................\......\datebox_arrow.png&&.......................\......\layout_button_down.gif&&.......................\......\layout_button_left.gif&&.......................\......\layout_button_right.gif&&.......................\......\layout_button_up.gif&&.......................\......\menu.gif&&.......................\......\menu_downarrow.png&&.......................\......\menu_rightarrow.png&&.......................\......\menu_sep.png&&.......................\......\menu_split_downarrow.png&&.......................\......\messager_error.gif&&.......................\......\messager_info.gif&&.......................\......\messager_question.gif&&.......................\......\messager_warning.gif&&.......................\......\pagination_first.gif&&.......................\......\pagination_last.gif&&.......................\......\pagination_load.png&&.......................\......\pagination_loading.gif&&.......................\......\pagination_next.gif&&.......................\......\pagination_prev.gif&&.......................\......\panel_loading.gif&&.......................\......\panel_title.png&&.......................\......\panel_tools.gif&&.......................\......\panel_tool_collapse.gif&&.......................\......\panel_tool_expand.gif&&.......................\......\searchbox_button.png&&.......................\......\spinner_arrow_down.gif&&.......................\......\spinner_arrow_up.gif&&.......................\......\tabs_active.png&&.......................\......\tabs_close.gif&&.......................\......\tabs_enabled.png&&.......................\......\tabs_leftarrow.png&&.......................\......\tabs_rightarrow.png&&.......................\......\Thumbs.db&&.......................\......\tree_arrows.gif&&.......................\......\tree_checkbox_0.gif&&.......................\......\tree_checkbox_1.gif&&.......................\......\tree_checkbox_2.gif&&.......................\......\tree_dnd_no.png&&.......................\......\tree_dnd_yes.png&&.......................\......\tree_file.gif&&.......................\......\tree_file1.gif&&.......................\......\tree_folder.gif&&.......................\......\tree_folder1.gif&&.......................\......\tree_folder_open.gif&&.......................\......\tree_folder_open1.gif&&.......................\......\tree_loading.gif&&.......................\......\validatebox_pointer.gif&&.......................\......\validatebox_warning.png&&.......................\icons&&.......................\images&&Jquery-easyui添加搜索框
&[]:里面删除添加的代码都没有，只有读取
&近期下载过的用户:
&&&&&&&&&&[]
&相关搜索:
&输入关键字，在本站195万海量源码库中尽情搜索：
&[] - 这是表单验证插件 适合用于easyui的开发。
&[] - 《Javascript权威指南》中文版出版至今已有三年多的时间。这本《JaVaScript权威指南》连续印刷5次，销售数十万册，成为很多JavaScript学习者的必备宝典。由于其封面上是一只“爪哇犀牛”（封面上印上动物是原书出版公司O Reilly一贯的风格），读者亲切地称其为“犀牛书”。
&[] - jquery-easyui源代码和实例，学校网页编程的同学适用
&[] - easyui-crud 增加 删除 修改 包括完整的后台与界面设计前台datagrid中获取的对象集合应该怎样使用ajax传递到后台并接受？
- 分享 交流
前台datagrid中获取的对象集合应该怎样使用ajax传递到后台并接受？
在前台页面datagrid中选中几条数据，然后使用getSelections方法去获取选中的数据集合。怎样使用ajax的方式将获取到的集合传递到后台action并获取到对象集合呢?后台action使用的是struts2的ModelDriven。ModelDriven的中使用的类的属性与获取到的对象集合中的每一个key都对应，并且都有get和set方法。但是应该怎么获取到集合对象呢？如果传递的不是集合，而是单独的一个对象，那么在后台的ModelDriven对应的类中就能接收到，也就是说类的每个属性都被赋值了，但是要是传递一个集合应该怎么获取呢？还请大虾指教啊！！！谢谢了！！！
吧返回的json对象，转换成json字符串。。。。传到后台接收到字符串，在用json工具转换成对象进行处理。。。
其他回答 (3)
请问有没有将选择的json对象的集合直接通过ajax传递到后台，然后在后台接受并解析的方法？
有个简单的处理方式你不写用，就想追求复杂的东西。。。。。
那我就用这种方式吧。谢谢了:handshake
等待您来回答
该问题来自：jQuery Easyui 前端交流社区，一个前端程序员的吐槽交流平台编程领域专家}