js--easyUI----jQuery easyui datagrid 点击某个单元格即进入编辑状态，焦点移开后，保存数据
/// 最近一次使用编辑行 一切正常
///
///初始化数据容器
///
function
InitGrid(){
var
lastIndex;
$(
"#grid"
).datagrid({
url:
''
,
loadMsg:
'数据加载中,请稍后......'
,
border:
false
,
fitColumns:
true
,
remoteSort:
false
,
onDblClickRow:
function
(rowIndex,rowData){
lastIndex=rowIndex;
$(
"#grid"
).datagrid(
'endEdit'
,rowIndex);
$(
"#grid"
).datagrid(
'beginEdit'
,rowIndex);
var
oldordering = rowData.ordering;
$(
"input.datagrid-editable-input"
).val(oldordering).bind(
"blur"
,
function
(evt){
setOrder($(
this
).val(),eval(
"rowData."
+actid));
$(
"#grid"
).datagrid(
'endEdit'
,lastIndex);
}).bind(
"keypress"
,
function
(evt){
if
(evt.keyCode==13){
setOrder($(
this
).val(),eval(
"rowData."
+actid));
$(
"#grid"
).datagrid(
'endEdit'
,lastIndex);
}
}).focus();
lastIndex=rowIndex;
},
frozenColumns:[[
{field:
'ck'
,checkbox:
true
}
]],
toolbar:[
{text:
'刷新'
,iconCls:
'icon-reload'
,handler:
function
(){
Reload();
}},
{text:
'添加'
,iconCls:
'icon-add'
,handler:add},
{text:
'编辑'
,iconCls:
'icon-edit'
,handler:edit},
{text:
'删除'
,iconCls:
'icon-cut'
,handler:del},
{text:
'清选'
,iconCls:
'icon-undo'
,handler:
function
(){
$(
"#grid"
).datagrid(
"clearSelections"
);
}}
],
columns:[[
{field:actid,title:
'序号'
,width:17,align:
'center'
,sortable:
true
,sorter:sortId},
{field:
'jobName'
,title:
'招骋职位'
,width:40,align:
'center'
,sortable:
true
},
{field:
'jobKind'
,title:
'类型'
,width:60,align:
'center'
,sortable:
true
},
{field:
'requireNum'
,title:
'人数'
,width:12,align:
'center'
,sortable:
true
},
{field:
'email'
,title:
'邮箱'
,width:34,align:
'center'
,sortable:
true
},
{field:
'ordering'
,title:
'排序'
,width:10,align:
'center'
,sortable:
true
,editor:{type:
'numberbox'
}},
{field:
'lastTime'
,title:
'截止时间'
,width:40,align:
'center'
,sortable:
true
},
{field:
'act'
,title:
'操作'
,width:40,align:
'center'
,formatter:act}
]]
});
}
以前使用方式
//////初始化数据容器 /// function InitGrid(){ var lastIndex; $("#grid").datagrid({ url:'', loadMsg:'数据加载中,请稍后......', border:false, fitColumns:true, remoteSort:false,
//双击变有可编辑状态
onDblClickRow:function(rowIndex,rowData){
var oldnum = rowData.g_num;
//if(lastIndex!=rowIndex){
$("#grid").datagrid('endEdit',rowIndex);
$("#grid").datagrid('beginEdit',rowIndex);
var num = rowData.g_num;
$("input.datagrid-editable-input").val("+");
$("input.datagrid-editable-input").bind("blur",function(evt){
var input = $(this).val()?eval($(this).val()):0;
var result = SetNum(input,rowData.id,oldnum);
var item = result.split("||");
$(this).val(item[1]);
$("#grid").datagrid('endEdit',lastIndex);
});
$("input.datagrid-editable-input").bind("keypress",function(evt){
if(evt.keyCode==13){
var input = $(this).val()?$(this).val():0;
var result = SetNum(input,rowData.id,oldnum);
var item = result.split("||");
$(this).val(item[1]);
$("#grid").datagrid('endEdit',lastIndex);
}
});
//}
lastIndex=rowIndex;
},
frozenColumns:[[
{field:'ck',checkbox:true}
]],
toolbar:[
{text:'刷新',iconCls:'icon-reload',handler:function(){
Reload();
}},
{text:'添加',iconCls:'icon-add',handler:add},
{text:'编辑',iconCls:'icon-edit',handler:edit},
{text:'删除',iconCls:'icon-cut',handler:del},
{text:'清选',iconCls:'icon-undo',handler:function(){
$("#grid").datagrid("clearSelections");
}}
],
columns:[[
{field:'id',title:'序号',width:40,align:'center',sortable:true,sorter:sortId},
{field:'g_name',title:'商品名称',width:40,align:'center',sortable:true},
{field:'gt_name',title:'所属类型',width:40,align:'center',sortable:true},
{field:'g_num',title:'库存',width:40,align:'center',sortable:true,editor:{type:'numberbox'}},
{field:'g_isnew',title:'是否新品',width:40,align:'center',sortable:true,formatter:function(val){
return val=='1'?'是':'否';
}},
{field:'g_ishot',title:'是否热品',width:40,align:'center',sortable:true,formatter:function(val){
return val=='1'?'是':'否';
}},
{field:'g_status',title:'状态',width:40,align:'center',sortable:true,formatter:status},
{field:'g_addtime',title:'添加时间',width:40,align:'center',sortable:true},
{field:'act',title:'操作',width:40,align:'center',formatter:act}
]]
});
}
///