easyui datagrid

Question

请教如下图表格------------------------------------------------------------------------------------------------------------------
添加（添加空行，进行填写） 删除（选中行） 保存（保存已经输入完成的信息）
            A            B                                       C                         D                      E
           行号    下拉框（DB获取）         手输数量             手输数量         当前行C+D
合计                                                           合计C                 合计D              合计E
------------------------------------------------------------------------------------------------------------------
求思路，或者有大神可以做可以付费，私信，DB获取部分已经写好

Answer 1

就是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');//键盘监听
}

Answer 2

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