找回密码
 立即注册

QQ登录

只需一步,快速开始

玉置

注册会员

2

主题

6

帖子

34

积分

注册会员

积分
34
  • 62

    金币

  • 2

    主题

  • 6

    帖子

最新发帖
玉置
注册会员   /  发表于:2022-12-29 11:14  /   查看:2364  /  回复:1
本帖最后由 玉置 于 2022-12-29 14:46 编辑

业务要求是:wj-tab-panel的tab中的内容会随着时间动态变化。
如果初次表示则先是白色的无数据状态,然后表示出tab中内容。----这个OK。
问题是:再次从其他tab跳转回来后,会先表示一次上次的内容,大概0.5秒后会刷新出最新时间的内容。即有一种闪动的感觉
备注:tab内数据量比较大时该问题现象更明显。机器配置高时,闪动会很快,小于0.5秒,但还是能感觉到闪动。
重现方法:直接修改贵公司官网的demo,只要每次点击tab时该tab数据是有变化的即可重现。

请教:切换回来时,数据完全渲染前怎么保持白色的无内容状态? 或者不让用户感知到闪动也可以。

代码如下:
  1. <wj-tab-panel #tabList id="tabList" class="navitab" [isAnimated]="false"
  2.                   [(selectedIndex)]="tabIdx"
  3.                   (selectedIndexChanged)="changeTab()"
  4.                   style="left:10px; top:50px; height:433px; width:1004px; ">
  5.       <div class="panel-div">
  6.         <wj-tab>
  7.           <a id="tab1">tab1</a>
  8.           <div id="div1" >
  9.           <p>这里的div1内容会随着时间变化。如果初次表示则先是白色的无数据状态,然后表示出div1内容。----这个OK。</p>
  10.           <p>问题是再次从其他tab跳转回来后,会先表示一次上次的div1的内容,大概0.5秒后会刷新出最新时间的div1内容。</p>
  11.           <p>请教:切换回来时,数据完全渲染前怎么保持白色的无内容状态?</p>
  12.           </div>
  13.        </wj-tab>
  14.         <wj-tab>
  15.           <a id="tab2">tab2</a>
  16.           <div id="div2" >
  17.           <p>这里的div2内容会随着时间变化。如果初次表示则先是白色的无数据状态,然后表示出div2内容。----这个OK。</p>
  18.           <p>问题是再次从其他tab跳转回来后,会先表示一次上次的div2的内容,大概0.5秒后会刷新出最新时间的div2内容。</p>
  19.           <p>请教:切换回来时,数据完全渲染前怎么保持白色的无内容状态?</p>
  20.           </div>
  21.        </wj-tab>
  22.       </div>
  23. </wj-tab-panel>
复制代码


1 个回复

倒序浏览
Richard.Ma讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2022-12-29 15:18:16
沙发
你上面的代码修改的是哪个demo呢,麻烦详细描述一下重现你这边问题的步骤
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部