编写快递录入单的html代码,035 工作单快速录入 - bos(示例代码)

一、前台代码理解及修改

1.新增行也可完成提交原来编辑的行功能(如果有在编辑的行)

//全局变量

var editIndex;

function doAdd() {

if (editIndex != undefined) {

//表示有一行正在编辑，先结束编辑的行(会触发onAfterEdit)

$("#grid").datagrid(‘endEdit‘, editIndex);

}

//没有行在编辑状态才能进行新增

if (editIndex == undefined) {

//alert("快速添加电子单...");

$("#grid").datagrid(‘insertRow‘, {

index : 0,

row : {}

});

$("#grid").datagrid(‘beginEdit‘, 0);

editIndex = 0;

}

}

2.数据表格

// 收派标准数据表格

$(‘#grid‘).datagrid({

iconCls : ‘icon-forward‘,

fit : true,

border : true,

rownumbers : true,

striped : true,

pageList : [ 30, 50, 100 ],

pagination : true,

toolbar : toolbar,

url : "",

idField : ‘id‘,

columns : columns,

onDblClickRow : doDblClickRow,

onAfterEdit : function(rowIndex, rowData, changes) {

console.info(rowData);

//编辑完毕，重置editIndex表示没有行在编辑

editIndex = undefined;

$.post("workordermanagerAction_add.action", rowData, function(data){

});

}

});

二、服务端实现

1.WorkordermanageAction.add实现

public String add() throws IOException{

String f = "1";

try {

workordermanagerService.save(model);

} catch (Exception e) {

f = "0";

}

ServletActionContext.getResponse().setContentType("text/html;charset=utf-8");

ServletActionContext.getResponse().getWriter().write(f);

return NONE;

}

2.WorkordermanagerServiceImpl.save实现

@Override

public void save(Workordermanager model) {

workordermanagerDao.save(model);

}