checkbox-html 结合 php,如何easyui的datagrid进行多行修改数据?

问题描述

html 结合 php,如何easyui的datagrid进行多行修改数据?
html页面用的easyui-datagrid,然后是

    <table id=""dg"">                <thead>                                <form id=""fm"">                                                <tr>                                                            <th field=""ck"" checkbox=""true""></th>                                                            <th field=""name"" width=""50"">姓名</th>                                                            <th field=""profit"" width=""50"">昨日收益</th>                                                </tr>                              </form>                </thead>  </table>    <script type=""text/javascript"">        var url;        function edit(){            var ids = [];            var row = $('#dg').datagrid('getSelections');                        for(var i = 0; i<row.length;i++){                                    var rows = row[i];                                    ids.push(rows);                        }                url = '../php/everyday.php?o=edit&uid='+row.uid;        $('#fm').form('submit'{               url: url               onSubmit: function(){                   return $(this).form('validate');               }               success: function(result){                   $('#dg').datagrid('reload');               }            });                             }    </script>

1.如何在html中获取 多行选中后的 id。
2.获取值后怎么把多个id值传到php。
3.php如何对这些id进行处理(批量处理)。

解决方案

你的ids数组数据行id就好了,干嘛要压入整行数据

  <script type=""text/javascript"">     var url;     function edit() {         var row = $('#dg').datagrid('getSelections');         if (row.length == 0) { alert('请选择数据行!'); return false }         var ids = [];         for (var i = 0; i < row.length; i++) {             ids.push(row[i].id); //注意修改你的id列         }         $.ajax({ url: 'xxx.php' type: 'POST' data: 'ids=' + ids.join('') complete: function (xhr) {             alert('操作完成!n服务器返回内容:' + xhr.responseText);         }          });     }</script>

xxx.php

 $ids=$_POST[""ids""];if(!empty($ids)){  $ids=explode(""$ids);  $l=count($ids);  for($i=0;$i<$l;$i++){       echo $ids[$i].""<br>"";//改为你的操作    }}

如果你要更新数据,应该调用的是getChanges
var row = $('#dg').datagrid('getChanges');

然后压入数据行就对了,然后将ids转为对应json字符串,在php获取后用php的json对象还原回来,参考:PHP JSON

解决方案二:

手机号 姓名 昨日收益 收益到账时间
时间: 2024-11-01 22:37:10

checkbox-html 结合 php,如何easyui的datagrid进行多行修改数据?的相关文章

easyui的datagrid只有行号没有数据,求解

问题描述 easyui的datagrid只有行号没有数据,求解 求解,我的数据格式什么的都没错,为什么出不来啊?只有行号 这是html部分 <div data-options="region:'center'" class="div-center"> <table id="staff_info" class="easyui-datagrid" title="<s:property value=

easyui的datagrid为何无法显示json数据

因为easyui的datagrid要求数据JSON必须是如下格式:{"total":0,"rows":[]}其中total表示总的数据行数,rows是当前页的数据对象数组.注意total和rows都要是双引号括起来

struts2 0-Struts2 结合easyui做dataGrid时,jsp收不到传来的json

问题描述 Struts2 结合easyui做dataGrid时,jsp收不到传来的json ,,, 实在没有C币了.折腾好几天了.求大神帮忙 解决方案 访问url错了. 改为 项目路径 + "/dataGrid.action" 解决方案二: <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> &

小菜鸟请教easyui的datagrid问题

问题描述 小菜鸟请教easyui的datagrid问题 小菜鸟请教easyui的datagrid里点击一个数据比如name名,弹出一个新的window窗口(后台可以取到name所在一列数据的id) $('#dg').datagrid({ columns:[[{ field:'userId', title:'User', width:80, formatter: function(value,row,index){ return "<a href='javascript:go(row);'&

jquery easyui datagrid实现增加,修改,删除方法总结_jquery

本文实例讲述了jquery easyui datagrid实现增加,修改,删除的方法.分享给大家供大家参考,具体如下: 页面: <body> <form id="form1" runat="server"> <table id="tt"> </table> </form> </body> 引用的JS: <link rel="stylesheet" t

jQuery插件EasyUI设置datagrid的checkbox为禁用状态的方法_jquery

本文实例讲述了jQuery插件EasyUI设置datagrid的checkbox为禁用状态的方法.分享给大家供大家参考,具体如下: 方法很简单,我们只需要在数据加载成功后的事件中处理即可.具体代码如下所示: //事件 onLoadSuccess: function (data) { //模拟测试加载成功后数据Id大于20的都勾选中,并禁用checkbox for (var i = 0; i < data.rows.length; i++) { if (data.rows[i].Id > 20)

SSh结合Easyui实现Datagrid的分页显示

 近日学习Easyui,发现非常好用,界面很美观.将学习的心得在此写下,这篇博客写SSh结合Easyui实现Datagrid的分页显示,其他的例如添加.修改.删除.批量删除等功能将在后面的博客一一写来.      首先看一下要实现的效果:当每页显示5行数据:               当每页显示10行数据,效果如下: 具体步骤: 1.下载Easyui,并搭建环境.可参照博客 http://blog.csdn.net/lhq13400526230/article/details/9148299

easyui中datagrid 操作栏格式化为按钮的数据显示错位问题

问题描述 easyui中datagrid 操作栏格式化为按钮的数据显示错位问题 在使用easyui的过程中,通过使用onLoadSuccess将操作栏格式化成按钮之后,就会出现表格中数据错位的问题:将onLoadSuccess注释掉后,恢复正常. 不知道这里面是有什么问题,下面附上界面截图和datagrid的代码,希望大牛们帮忙看看~~感激不尽啊!! $(function(){ $('#dg').datagrid({ title:"学员信息", url:'system/studenti

jQuery EasyUI编辑DataGrid用combobox实现多级联动_jquery

我在项目中设计课程表的时候需要用到老师和分类之间的多级联动. 首先是一张效果图: 下面是实现的代码: <body> <script type="text/javascript"> $(function(){ var editing ; //判断用户是否处于编辑状态 var flag ; //判断新增和修改方法 $('#set_schedule').datagrid({ idField:'id' , fitColumns: false , url:'schedul