bootstrap table 数据表格行内修改的实现代码
js中设置列的属性editable:
{ type:'text',//数据显示在文本框内 emptytext:"--",//数据为空时显示 validate:function(value){ if($.trim(value)==''){ return'不能为空';//修改是数据为空显示 } } }
js中设置bootstrop-table加载数据时属性
onEditableSave:function(field,row,oldValue,$el){ $('#id').bootstrapTable('resetView'); row=dataWarp(row,field);//编辑时重新包装数据可写可不写 $.ajax({ type:"post", url:路径, data:row,//行内修改后的数据 dataType:'JSON', success:function(data,status){ if(status=="success"){ Modal.alert({ msg:"编辑成功!" }); } }, error:function(){ Modal.alert({ msg:"编辑失败!" }); $('#id').bootstrapTable('refresh');//数据加载成功后刷新 }, complete:function(){ } }); }
以上所述是小编给大家介绍的bootstraptable数据表格行内修改的实现代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持!