bootstrap-table 數據表格行內修改


bootstrap-table 數據行內修改
js中設置列的屬性 editable : {
type : 'text',//數據顯示在文本框內
emptytext : "--",//數據為空時顯示
validate : function(value) {
if ($.trim(value) == '') {
return '不能為空';//修改是數據為空 顯示
}
}
}
js中設置bootstrap-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() {

}

});
}


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM