zoukankan      html  css  js  c++  java
  • bootstrap的editTable实现方法

    首先下载基于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中编辑完成后调用的方法

    //可以进行数据的保存工作
          }

    具体的业务代码就不一一列举了。

    如有问题,可以留言一起讨论。

     
  • 相关阅读:
    初学flask
    第一次使用pyqt5解决的几个小问题
    一些细节
    关于random
    go语言 方法
    go 语言 struct 另类构造函数 继承
    go 语言 链表 的增删改查
    go 语言 链表
    go 语言struct
    无题
  • 原文地址:https://www.cnblogs.com/zhuyeshen/p/11430611.html
Copyright © 2011-2022 走看看