easyui datagrid

[wflpeng]

请教如下图表格

------------------------------------------------------------------------------------------------------------------
添加（添加空行，进行填写） 删除（选中行） 保存（保存已经输入完成的信息）
A B C D E
行号 下拉框（DB获取） 手输数量 手输数量 当前行C+D
合计 合计C 合计D 合计E


------------------------------------------------------------------------------------------------------------------
求思路，或者有大神可以做可以付费，私信，DB获取部分已经写好

[zk_Kang]

就是easyui的可编写编辑框啊，editgrid啊，类似
对应的js大概就这样，

$("#YDFJDg").editgrid({
						singleSelect: true,
						height: 335,
						remoteSort: true,
						kBoard: { //键盘控制属性
							autoNewRow: true, //自动添新加行
							onBeforeNextRow: LYFunction_ValRow, //通过按键转向下一行之前
							onBeforePrevRow: LYFunction_ValRow //通过按键转向上一行之前
						},
						onRowBlur: function(rowIndex, rowData) {
							return LYFunction_ValRow(rowIndex, rowData);//行离开事件，传递编辑的行
						},
						columns: [
							[{
								field: 'del',
								width: '50',
								align: 'center',
								hidden: true,
								formatter: function(value, row, index) {
									return '<a  href="#" onclick="jxhtItemDg_delrow(\'#YDFJDg\',\'YEARMONTH\',' + row.YEARMONTH + ')">删除</a>';
								}
							}, {
								title: '年月',
								field: 'YEARMONTH',
								width: '140',
								align: 'center'
							}, {
								title: '保底保底毛利（含税）',
								field: 'BDXSJH',
								width: '150',
								align: 'center',
								editor: {
									type: 'numberbox',
									options: {
										min: 0,
										precision: 0,
										required: true,
										onChange: function(newValue, oldValue) {
											YDFJDBONBlur();//触发合计方法
										}
									}
								}
							}, {
//后面略。。
加载页面时在$(function){
//$("#YDFJDg").editgrid('keyBoardInit');//键盘监听
}

[Hello World,]

用Angular或者KonckoutJS，EasyUI也有Angular版的