easyui datagrid 通过双击单元格或者行修改内容,分页传参问题

这个是通过双击单元格或者行修改内容,以下是具体写法,在这里遇到一个问题,之前一直用post,分页参数始终带不过去,改为get就可以了

function init(){      var name = document.getElementById("name").value;      $(‘#dataGrid‘).datagrid({        url:"${basepath}/sys/group/grouplist",        method: ‘get‘,        pagination:true,  //是否分页        pageSize:20,        pageNumber:1,        striped:true,        loadMsg:"加载中...",        rownumbers:false,        collapsible:true,        singleSelect: true,  //是否单选        fit:true,        pageList: [5, 10, 15, 20, 25, 30],        queryParams: {//查询条件          name:  name        },          frozenColumns:[[          {field:‘id‘,checkbox:true}        ]],        columns:[[          {field:"name",title:"组名称",width:"200",align:"center"}        ]]        ,        onDblClickRow: function ( field, row) {            updateGroups1(field,row);        }
//        ,//        onDblClickCell: function (rowIndex, field, value) {//          updateGroups2(rowIndex, field, value);////        }      })    }

//1.这个用单元格写的,只修改选中的单元格
function updateGroups2(rowIndex, field, value){  var ids=[];  var rows = $(‘#dataGrid‘).datagrid(‘getSelections‘);  for(var i=0; i<rows.length; i++){    ids.push(rows[i].id);  }// 获取选中行id

  if(field == ‘name‘){ //判断列名  $(‘#dataGrid‘).datagrid(‘updateRow‘, {    index: rowIndex,//行号    row: {      name: ‘<input  type="text"   id="upname" name="upname"  value="‘ + value + ‘"  onblur="updateName(‘+ids+‘)" />‘, //name:双击的列名      iconCls: ‘icon-save‘    }  });  }
if(field == ‘ip‘){  $(‘#dataGrid‘).datagrid(‘updateRow‘, {    index: rowIndex,    row: {      ip: ‘<input  type="text"   id="upip" name="upip"  value="‘ + value + ‘"  onblur="updateIp(‘+ids+‘)" />‘,      iconCls: ‘icon-save‘    }  });}
}

//这个用行rows写的 一次修改一行
function updateGroups(field, row) {        $(‘#dataGrid‘).datagrid(‘updateRow‘, {            index: field,            row: {                name: ‘<input  type="text"   id="upname" name="upname"  value="‘ + row.name + ‘"  onblur="updateName(‘ + row.id + ‘)" />‘,                ip: ‘<input  type="text"   id="upname" name="upname"  value="‘ + row.ip+ ‘"  onblur="updateName(‘ + row.id + ‘)" />‘,                iconCls: ‘icon-save‘            }        });}

//这个是离开输入框时间 提交
function updateName(id){    var   upname=document.getElementById("upname").value;    if(upname!=‘‘){      $.ajax({        type:‘post‘,        url:‘${basepath}/sys/group/updateName‘,        data: {"id":id,"upname":upname},        success:function  (data){            $("#dataGrid").datagrid("reload",id);         }      })    }}
 
 
时间: 2024-08-19 17:14:47

easyui datagrid 通过双击单元格或者行修改内容,分页传参问题的相关文章

JQuery EasyUI DataGrid动态合并单元格

/**        * EasyUI DataGrid根据字段动态合并单元格        * @param fldList 要合并table的id        * @param fldList 要合并的列,用逗号分隔(例如:"name,department,office");        */        function MergeCells(tableID, fldList) {            var Arr = fldList.split(",&quo

EasyUI——DataGrid的自定义单元格点击事件

1.当点击的单元格需要传递参数,并且传递的是row的值时,需要进行转义 function initCompareTable(){ $("#deviceCompareTable").html(); $('#deviceCompareTable').append("<table id='compareTable' style='border:1px solid red;margin:0;padding:0;'></table>"); $(&quo

EasyUI DataGrid可编辑单元格

效果如图: 首先在需要可编辑的列上添加一个editor属性,列定义为numberbox编辑类型 <th field="SCORES" editor="{type:'numberbox',options:{precision:0}}" width="120">默认分值 </th> 当用户点击一行的时候,我们开始一个编辑动作 $('#dg').datagrid({ onClickCell: function(index,fie

WPF:获取DataGrid控件单元格DataGridCell

转载:http://blog.csdn.net/jhqin/article/details/7645357 /* ---------------------------------------------------------- 文件名称:DataGridPlus.cs 作者:秦建辉 MSN:[email protected] QQ:36748897 博客:http://blog.csdn.net/jhqin 开发环境: Visual Studio V2010 .NET Framework 4

20191012——POI设置单元格自动行高(思路)

在经过Jxls或者POI导出数据至excel中后,发现有的单元格内容太多,既没有自动换行,也没有自动增大行高.那如何通过Java代码来实现呢?请看下面步骤: (一)首先,将excel设置为最合适的行高,通过CTRow对象的setCustomHeight(false)函数实现,具体的代码如下: XSSFWorkbook workbook = new XSSFWorkbook(文件路径或者文件流); XSSFSheet sheet = workbook.getSheet(sheetIndex); X

VBA返回选中单元格区域的行数、列数,以及活动单元格的行号和列号

Private Sub Worksheet_SelectionChange(ByVal Target As Range)    Dim rows_count As Integer    Dim rows_id As Integer    Dim column_count As Integer    Dim column_id As Integer    column_count = Selection.Columns.Count '返回选择区域列数    rows_id = ActiveCell

Excel表格如何保护单元格不被修改

Excel如何保护单元格不被修改  有时使用Excel时希望保护单元格不被修改,这可以叫做单元格的“写保护”即把光标定位在一个不允许输入数据的区域内时,是无论如何也无法在里面输入数据的.下面咱们就一起来试一试如何保护Excel单元格不被修改,步骤如下: 1.一般对于一个表格,标题的内容是不允许被修改,那么我们就开始将下面这个表格的标题区保护起来,但在选择时请大家注意,不要选择标题区,而应该用鼠标将用户编辑区选中.如图1所示: 2.点击“格式”菜单→“单元格→保护”标签,将窗口中的“锁定”复选框取

EasyUI queryParams属性 在请求远程数据同时给action方法传参

http://www.cnblogs.com/iack/p/3530500.html?utm_source=tuicool EasyUI queryParams属性 在请求远程数据同时给action方法传参 属性名 属性值类型 描述 默认值 queryParams object 在请求远程数据的时候发送额外的参数. 代码示例: $('#dg').datagrid({ queryParams: { name: 'easyui', subject: 'datagrid' } }); {} Actio

easyui 自动动态合并单元格

.......onLoadSuccess : function(data) { if (data.rows.length > 0) { //调用mergeCellsByField()合并单元格 mergeCellsByField("grid","supply_fullname,in_supply,in_no,in_sales"); } } function mergeCellsByField(tableID, colList) { //alert(tableI