easyui datagrid 编辑的时候只能编辑一行,当要编辑下一行时这行取消编辑!
展开全部
<script type = "text/javascript">
var editindex = undefined;
function onClickRow(index)//这是触发行事件
{
if(endediting()){
$('#dg').datagrid('selectRow',index).datagrid('beginedit',index)//其中beginEdit方法为datagrid的方法,具体可以参看api
editIndex = index;//给editIndex对象赋值,index为当前行的索引
}else {
$('#dg').datagrid('selectRow',edtiIndex);
}
}
}
function endEditing()
{
if(editIndex == undefined) {return true;}//如果为undefined的话,为真,说明可以编辑
if($('#dg').datagrid('validateRow',editIndex)) {
#('#dg').datagrid('endEdit',editIndex);//当前行编辑事件取消
editIndex = undefined; return true;//重置编辑行索引对象,返回真,允许编辑
}else{return false;}//否则,为假,返回假,不允许编辑
}
</script>
再将onClickRow()方法加在你需要编辑的datagrid中,easyuidatagrid中存在一个onClickRow,点击行事件,对应上就可以了。还可以设置点击行的颜色,编辑后的颜色,很有意思,具体参看api,希望能帮到你。
var editindex = undefined;
function onClickRow(index)//这是触发行事件
{
if(endediting()){
$('#dg').datagrid('selectRow',index).datagrid('beginedit',index)//其中beginEdit方法为datagrid的方法,具体可以参看api
editIndex = index;//给editIndex对象赋值,index为当前行的索引
}else {
$('#dg').datagrid('selectRow',edtiIndex);
}
}
}
function endEditing()
{
if(editIndex == undefined) {return true;}//如果为undefined的话,为真,说明可以编辑
if($('#dg').datagrid('validateRow',editIndex)) {
#('#dg').datagrid('endEdit',editIndex);//当前行编辑事件取消
editIndex = undefined; return true;//重置编辑行索引对象,返回真,允许编辑
}else{return false;}//否则,为假,返回假,不允许编辑
}
</script>
再将onClickRow()方法加在你需要编辑的datagrid中,easyuidatagrid中存在一个onClickRow,点击行事件,对应上就可以了。还可以设置点击行的颜色,编辑后的颜色,很有意思,具体参看api,希望能帮到你。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询