var editIndex = undefined;
var editsign='';
//编辑状态
function endEditing() {
if (editIndex == undefined) { return true }
if ($('#gycsdg').datagrid('validateRow', editIndex)) {
$('#gycsdg').datagrid('endEdit', editIndex);
editIndex = undefined;
return true;
} else {
return false;
}
}
//单击某行进行编辑
function onClickRow(index) {
if (editIndex != index) {
editsign='edit';
if (endEditing()) {
$('#gycsdg').datagrid('selectRow', index)
.datagrid('beginEdit', index);
editIndex = index;
} else {
$('#gycsdg').datagrid('selectRow', editIndex);
}
}
}
//添加一行(插入首行insert)
function append() {
if (endEditing()) {
editsign='add';
$('#gycsdg').datagrid('insertRow', {index:0, row:{ }
});
editIndex=0;
$('#gycsdg').datagrid('selectRow', editIndex)
.datagrid('beginEdit', editIndex);
}
}
//删除一行
function remove() {
editsign='del';
if (editIndex == undefined) { return }
$('#gycsdg').datagrid('cancelEdit', editIndex)
.datagrid('deleteRow', editIndex);
editIndex = undefined;
}
//撤销编辑
function reject() {
$('#gycsdg').datagrid('rejectChanges');
editIndex = undefined;
}
//获得编辑后的数据,并提交到后台
function saveChanges() {
if (endEditing()) {
var $dg = $('#gycsdg');
var rows = $dg.datagrid('getChanges');
}
if(editsign=='add')
{
if (rows.length) {
$.ajax(
{
type: 'post',
url: contextPath+'/dataWrite/insertData.do',
traditional:true,
data: {arrayList: JSON.stringify(rows), },
success: function (data) {
if (data != "") {
$.messager.alert('提示', '保存成功!');
$('#gycsdg').datagrid('reload');
}
else {
$.messager.alert('提示信息', '保存失败,请联系管理员!', 'warning');
}
}
});
}
else
{
$.messager.alert('提示信息', '您还没有编辑信息!', 'warning');
}
}
else if(editsign=='edit')
{
if (rows.length) {
$.ajax(
{
type: 'post',
url: contextPath+'/dataWrite/updateData.do',
traditional:true,
data: {arrayList: JSON.stringify(rows), },
success: function (data) {
if (data != "") {
$.messager.alert('提示', '保存成功!');
$('#gycsdg').datagrid('reload');
}
else {
$.messager.alert('提示信息', '保存失败,请联系管理员!', 'warning');
}
}
});
}
else
{
$.messager.alert('提示信息', '您还没有修改信息!', 'warning');
}
}
else if(editsign=='del')
{
if (rows.length) {
$.ajax(
{
type: 'post',
url: contextPath+'/dataWrite/deleteData.do',
traditional:true,
data: {arrayList: JSON.stringify(rows), },
success: function (data) {
if (data != "") {
$.messager.alert('提示', '保存成功!');
$('#gycsdg').datagrid('reload');
}
else {
$.messager.alert('提示信息', '保存失败,请联系管理员!', 'warning');
}
}
});
}
else
{
$.messager.alert('提示信息', '您还没有删除信息!', 'warning');
}
}
editIndex = undefined;
}
以上是前端JS代码 编辑easyui datagrid
@Controller
@RequestMapping("dataWrite")
public class DataWriteController {
@Autowired
private DataWriteService dataWriteService;
@RequestMapping(value="datalist", method = RequestMethod.GET)
@ResponseBody
public JSONObject findAll(int page, int rows)
{
JSONObject json = new JSONObject();
try
{
JsonConfig jsonConfig = new JsonConfig();
jsonConfig.registerJsonValueProcessor(Date.class, new JsonDateValueProcessor());
List<DataWrite> array =dataWriteService.findData();
List<DataWrite> list= dataWriteService.findByPage(page, rows);
JSONArray list1 = net.sf.json.JSONArray.fromObject(list, jsonConfig);
json.put("rows", list1);//此处插入rows跟total 加入分页的两个参数 如果没有给这两个参数传值 则不会出现分页结构
json.put("total", array.size());
}
catch (Exception e)
{
e.printStackTrace();
}
return json;
}
通过dataWrite/datalist加载数据,通过dataWrite/insertData对数据库进行增删改查。
就此结束 完成前后台交互