qq_32433815 2016-07-14 02:42 采纳率: 0%
浏览 7080

bootstrap-table 列表中有输入框,点击新增按钮所有输入框中输入的内容都清空了

大神们好!
刚刚学习bootstrap框架,做那种点击新增按钮追加一行数据时出现如下情况:列表中有输入框,在点击新增按钮时需要追加一条数据,结果追加后其他行中所有填写的信息都清空了,哪位大神能帮助解决一下,在追加一行的时候不清空数据,谢谢啦。页面样式和部分代码如下图:图片说明图片说明图片说明图片说明

  • 写回答

1条回答

  • Leo.li 2016-07-14 05:08
    关注

    boostrap数据是单向绑定的, 意思就是说你修改页面中的值时只要没有进行保存. 数据会还原到之前的状态.

    append会重新加载数据的.

    BootstrapTable.prototype.append = function (data) {
            this.initData(data, 'append'); 
            this.initSearch(); 
            this.initPagination(); 
            this.initBody(true); #初始化body内容, 在这里会重新取页面中的data
        };
    
            BootstrapTable.prototype.initBody = function (fixedScroll) {
            var that = this,
                html = [],
                data = this.getData();  #这里取出的data, 其实是你new出来的原始数据
                            ....
         }
    

    若想在刷新时不清空之前的数据, 只能是在append之前把你页面中的数据刷新到data中.
    这样在重新填充table时就有值了.

    评论

报告相同问题?

悬赏问题

  • ¥15 安卓adb backup备份应用数据失败
  • ¥15 eclipse运行项目时遇到的问题
  • ¥15 关于#c##的问题:最近需要用CAT工具Trados进行一些开发
  • ¥15 南大pa1 小游戏没有界面,并且报了如下错误,尝试过换显卡驱动,但是好像不行
  • ¥15 没有证书,nginx怎么反向代理到只能接受https的公网网站
  • ¥50 成都蓉城足球俱乐部小程序抢票
  • ¥15 yolov7训练自己的数据集
  • ¥15 esp8266与51单片机连接问题(标签-单片机|关键词-串口)(相关搜索:51单片机|单片机|测试代码)
  • ¥15 电力市场出清matlab yalmip kkt 双层优化问题
  • ¥30 ros小车路径规划实现不了,如何解决?(操作系统-ubuntu)