bootstraptable⾥输⼊框实现功能
在bootstrap table表格⾥需要⽤到输⼊框来做⼀个添加或修改的操作 以前做项⽬都是直接选择那⼀⾏进⾏操作 后来去⽹上查了⼀下 下⾯写⼀个简单的表格输⼊框实现功能。
在⼀列的属性⾥⽤formatter⽅法放输⼊框 后⾯接着是操作
,{
field : 'pla_result',title : '执⾏效果',align : 'center',valign : 'middle',
editable : {
type : 'text',//数据显⽰在⽂本框内
},
formatter : function(value, row, index) {
return "<input type='text' name='pla_result' id='pla_result'>";
}
},{
title : '操作',align : 'center',valign : 'middle',
formatter : function(value, row, index) {
return "<button type='button' class='btn btn-success' onclick='updateresult("+row.pla_id+")'>保存</button>";
}
}],
当你想执⾏哪⼀⾏就点击按钮 会拿到那⼀⾏进⾏⽅法的操作 要传⼀个id 好知道你要选择的 ⾥⾯传输⼊框的值 然后就执⾏这个⽅法⾥⾯的逻辑
//添加执⾏结果
function updateresult(pla_id){
var pla_result=$('#pla_result').val();//拿到输⼊框值传过去
$.post($("#pro").val()+"/sy/opportunitiesAction_updateresult.action",{"pla_id" : pla_id,"pla_result":pla_result//传拿到的那个id
bootstrap项目
},function(data) {//ps⾥值⼀起放进去
if (data) {//拿到数据
alert("添加成功");
} else {
alert("添加失败");
}
});
}
这样就能在table输⼊框⾥得到值。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。