码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2016-04-25 13:00:23      阅读:170      评论:0      收藏:0      [点我收藏+]

标签:

这个是通过双击单元格或者行修改内容,以下是具体写法,在这里遇到一个问题,之前一直用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);
}
})
}
}
 
 

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

标签:

原文地址:http://www.cnblogs.com/paomoshi/p/5430365.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!