[英]How to edit data in flexigrid
我不想弹出一个对话框来实现它。我的意思是我需要inplace编辑器。
我找到了一种方法来做到这一点。 使用jquery.editinplace以下是我的代码:
<script type="text/javascript" src="./js/jquery.editinplace.js"></script>
function editDescription(celDiv, id){
$( celDiv ).click( function() {
var idTd = $(celDiv).parent().parent().children()[1];
$(celDiv).editInPlace({
url: "http://localhost:8081/kaimei/update_description",
params: "address="+$(idTd.children).html(),
error:function(obj){
alert(JSON.stringify(obj));
},
success:function(obj){
var str = m[JSON.parse(obj).status+""][window.curLanguage];
alert(str);
$("#displays").flexReload();
}
});
});
}
$(document).ready ( function() {
$("#displays").flexigrid (
{
url: 'http://localhost:8081/kaimei/load_displays',
method:'GET',
dataType: 'json',
width: 400,
height: 300,
colModel : [
{hide: '勾选', name: 'check', width: 30, sortable: true, align: 'left'},
{display: 'ID', name: 'id', width: 90, sortable: true, align: 'left'},
{display: '描述信息', name: 'description', width: 110, sortable: true, align: 'left',process:editDescription},
{display: '状态', name: 'status', width: 20, sortable: true, align: 'left'}
]
}
);
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.