bootstrap的editTable实现方法
来源:互联网 发布:mac版bt下载软件 编辑:程序博客网 时间:2024/06/01 09:59
首先下载基于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中编辑完成后调用的方法
//可以进行数据的保存工作
}
具体的业务代码就不一一列举了。
如有问题,可以留言一起讨论。
0 0
- bootstrap的editTable实现方法
- Bootstrap 实现查询的方法
- bootstrap实现多模态框的方法
- Bootstrap采样方法的python实现
- editTable.js
- Bootstrap的fileinput插件实现多文件上传的方法
- bootstrap table的实现
- Appium-bootstrap的调试方法
- bootstrap 移动版本的实现。
- bootstrap实现slider的刻度
- bootstrap的caret箭头实现
- 实现bootstrap的dropdown-menu(下拉菜单)点击后不关闭的方法
- 实现bootstrap的dropdown-menu(下拉菜单)点击后不关闭的方法
- 实现bootstrap的dropdown-menu(下拉菜单)点击后不关闭的方法
- bootstrap datepick的beforeShowDay方法实现日历 其中有一些特殊日期改变背景颜色
- bootstrap 模态框(modal)实现水平垂直居中显示的方法
- bootstrap自定义样式-bootstrap侧边导航栏的实现
- Bootstrap用户登录界面的实现(BootStrap入门2)
- @Param注解的用法解析
- 欢迎使用CSDN-markdown编辑器
- 国科大软件安全漏洞分析与发现第一次作业key1
- 集合框架
- android 非系统APP访问字符设备
- bootstrap的editTable实现方法
- Swift&AutoLayout
- Android 多权限动态申请的优化
- iframe
- 2017国际体验设计大会亮点抢先看!
- 2017年阿里巴巴内推实习电话面试2
- 笔记之Python网络数据采集
- Spring注解下使用定时器
- 原生实现响应式模态框