帝王谷资源网 Design By www.wdxyy.com
本文实例讲述了angularjs实现table表格td单元格单击变输入框/可编辑状态。分享给大家供大家参考,具体如下:
html部分:
<table> <thead> <tr > <th width="40px;">序号</th> <th>班次</th> <th>分组</th> <th>操作</th> </tr> </thead> <tbody> <tr ng-repeat="value in train_list" > <td width="40px;">{{value.id }}</td> <td>{{value.trainNumber}}</td> <td ng-click="edit($event)">{{value.groupId}}</td> <td> <a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" ng-click="move($event,'up')">上移</a> <a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" ng-click="move($event,'down')">下移</a> <a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" ng-click="del($event)">删除</a> </td> </tr> </tbody> </table>
js部分:
/** * 单元格单击变编辑 * @param e */ $scope.edit=function(e){ var td = $(e.target); var txt = td.text(); var input = $("<input type='text' value='" + txt + "' style='width:82px;height:26px;'/>"); 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); } }); };
更多关于AngularJS相关内容感兴趣的读者可查看本站专题:《AngularJS指令操作技巧总结》、《AngularJS入门与进阶教程》及《AngularJS MVC架构总结》
希望本文所述对大家AngularJS程序设计有所帮助。
帝王谷资源网 Design By www.wdxyy.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
帝王谷资源网 Design By www.wdxyy.com
暂无评论...
P70系列延期,华为新旗舰将在下月发布
3月20日消息,近期博主@数码闲聊站 透露,原定三月份发布的华为新旗舰P70系列延期发布,预计4月份上市。
而博主@定焦数码 爆料,华为的P70系列在定位上已经超过了Mate60,成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢?
根据目前爆料的消息来看,华为P70系列将推出三个版本,其中P70和P70 Pro采用了三角形的摄像头模组设计,而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智,但辨识度绝对拉满。
更新日志
2024年10月31日
2024年10月31日
- 张惠妹《歌声妹影 Live》SACD[ISO][2.9G]
- 黑豹乐队.2024-Smokescreen视陷(EP)【风华秋实】【FLAC分轨】
- 十个勤天.2024-展开一天【可能文化】【FLAC分轨】
- 王杰.1989-故事的角色(粤)【华纳】【WAV+CUE】
- 【原神】纳塔万火之瓯8个被掩藏起来的宝箱
- 【原神】胡桃突破素材(霓裳花,骗骗花)收集攻略
- 【原神】V5.1攻略 |「胡桃」一图流丨角色解析攻略
- Xbox版本的《夺宝奇兵:古老之圈》将以60FPS为目标
- 《潜行者2》将提供一个强大MOD工具包!主机PC都支持
- 《潜行者2》技术制作人:游戏将提供始终稳定的帧率!
- 《刺客信条:枭雄》雕像开放预订
- Bungie新作官方中文定名《惑星行者》 商店页面上线
- 原神花神诞祭第三阶段彩蛋在哪里 花神诞祭第三阶段彩蛋具体位置一览
- 发烧工具测试碟《音响罗盘Audio Compass 2019》SACD非卖品[WAV+分轨][889M]
- 群星《金曲百分百上》3CD[WAV+CUE][1.9G]