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);
}
})
}
}
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章