本文介绍了如何在bootstrap-table中集成x-editable组件进行行内编辑。详细讲述了x-editable的基本介绍，包括其简介、文件引用和解决版本冲突问题的方法。在实际应用中，通过引入popper.js解决了与bootstrap4的兼容性问题。接着，文章详细阐述了行内编辑的使用，包括基本JS配置、数据传输（使用jquery ajax）以及如何获取和保存编辑后的数据。此外，还展示了不同类型的输入框（text、select、combox、date）的用法。
目录：
一、x-editable组件介绍
1.简介
2.文件引用
3.版本冲突问题
二、行内编辑使用
1.基本的js书写
2.数据传输方法：jquery ajax
3.获取表格内所有编辑过的数据传输到后端
4.不同类型文本框的引用
5.编辑框方式选择
三、问题总结
正文：
一、x-editable组件介绍
1.简介
x-editable组件是一个适用于bootstrap（目前只更新到bootstrap3）,jquery，jquery UI三种风格样式的弹出框编辑插件。本文根据项目需求主要介绍它在bootstrap-tabe中的应用。
x-editable开源地址：https://github.com/vitalets/x-editable
x-editable文档地址：http://vitalets.github.io/x-editable/docs.html
x-editable在线Demo：http://vitalets.github.io/x-editable/demo-bs3.html
2.文件引用
<script src="~/common/js/bootstrap.js"></script>
<link rel="styleshee
最低0.47元/天 解锁文章
1642
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
