fastadmin多表格重复刷新问题

原创

已于 2024-09-05 13:47:54 修改 · 535 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #html #javascript

于 2024-09-04 20:25:00 首次发布

按官方示例开发多表格页面，不知道为什么每次点tab都会重复加载所有表，自己摸索找了一个解决方案记录下

<ul class="nav nav-tabs" data-field="status">
	<li class="active"><a href="#table1" data-value="browse" data-toggle="tab">表1</a></li>
	<li><a href="#table2" data-value="1" data-toggle="tab">表2-状态1</a></li>
	<li><a href="#table2" data-value="2" data-toggle="tab">表2-状态2</a></li>
</ul>

var Controller = {
	index: function () {
		//直接绑定表格数据
		this.table.table1();
		this.table.table2();

		//两种解决方法，使用一种就行
		//1、延时处理解绑shown.bs.tab事件，此种方法延时时间不确定，
        //   慢点500毫秒可能不够，需要自己试个合适值
		setTimeout(function(){
			$('a[data-toggle="tab"]').unbind('shown.bs.tab');

            //如果不需要每次切换tab都刷新或其它操作，下面这段可以不要了
			$('a[data-toggle="tab"]').on('click', function (e) {

				//如果有多个tab用的是一个表格，然后需要切换状态
				if($(this).attr("href")!="#table1"){ //可以使用data-设置其他参数
					var value = $(thi