美娱国际娱乐:bootstrap table 数据表格行内修改的

标签:活动介绍    日期:2018-02-27 10:31    录入:美娱国际平台注册    浏览:

  

[bootstrap,table]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() {  }  });  }
  
  

  

★★★小编:美娱国际 整理文章,欢迎大家转载 ★★★
相关文章阅读