html 单元格 输入框,angularjs实现table表格td单元格单击变输入框/可编辑状态示例...

序号班次分组操作

{{value.id }}{{value.trainNumber}}{{value.groupId}}

上移

下移

删除

js部分：

/**

* 单元格单击变编辑

* @param e

*/

$scope.edit=function(e){

var td = $(e.target);

var txt = td.text();

var input = $("");

td.html(input);

input.click(function() { return false; });

//获取焦点

input.trigger("focus");

//文本框失去焦点后提交内容，重新变为文本

input.blur(function() {

var newtxt = $(this).val();

//判断文本有没有修改

if (newtxt != txt) {

td.html(newtxt);

}

else

{

td.html(newtxt);

}

});

};