bootstrap的editTable实现方法
2024-09-02 08:14:54
首先下载基于bootstrap的源码到本地。引用相关文件。
<link href="/Content/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
<link href="~/Content/bootstrap3-editable/css/bootstrap-editable.css" rel="stylesheet" />
<link href="/Content/bootstrap-table/bootstrap-table.min.css" rel="stylesheet" /> <script src="/Scripts/jquery-1.9.1.min.js"></script>
<script src="/Content/bootstrap/js/bootstrap.min.js"></script>
<script src="~/Content/bootstrap3-editable/js/bootstrap-editable.js"></script>
<script src="~/Content/bootstrap-table/bootstrap-table.js"></script>
<script src="/Content/bootstrap-table/locale/bootstrap-table-zh-CN.js"></script>
<script src="~/Content/bootstrap-table/extensions/editable/bootstrap-table-editable.js"></script>
table初始化时的代码:
{
field: 'userName',
title: '姓名',
sortable: true,
align: 'center',
editable: {
type:"text",
onblur: "submit",
showbuttons: false,
validate:function (v) {
if (!v) return '姓名不能为空';
}
}
},
onEditableSave: function (field, row, oldValue, $el) {
$.ajax({
//在bootstrap table中编辑完成后调用的方法
//可以进行数据的保存工作
}
具体的业务代码就不一一列举了。
如有问题,可以留言一起讨论。
最新文章
- jquery练习
- [题解+总结]动态规划大合集II
- 50个常用的JQuery代码
- hdu 5327 Olympiad
- 使用Jquery.load()方法,出现-此页的状态信息无效,可能已损坏。[转]
- [转] 查看CPU使用率 top命令详解
- Core Data (二)备
- 关于Qt的灵异错误
- spring boot admin
- [PSIDE]PeopleSoft PSIDE无法启动因为缺失MSVCR100.dll解决办法
- node 调试相关
- Spring的两种代理方式:JDK动态代理和CGLIB动态代理
- Poj3696 The Lukiest Number
- mysql 切换数据库方案
- C# 只能输入字母或数字
- .net mvc HTTP 错误 403.14 - Forbidden Web 服务器被配置为不列出此目录的内容
- python第四课——运算符
- 如何用TortoiseSVN管理本地文档
- python 面向对象(三大特性)
- java多线程-cas及atomic