如何在 app.js 的 html 页面中隐藏 div

Question

登录后，我会在 html 页面上显示一些用户模块。当用户无法通过管理员访问该模块时，我想隐藏它。我正在使用 sencha/ExtJs front-end。

如果他没有权限，我想在用户登录后隐藏此组件。这是我的代码（请参见下图）

如果用户没有访问权限，我想在用户登录时隐藏此实时跟踪。

设计如下

我想在 App.js 中创建一个函数（在控制器中）。你能帮我吗...

Answer 1

每当您验证用户或登录时，只要发生这种情况，请添加样式 display:none

使用javascript

document.getElementsByClassName('live-tracking').style.displ‌ay= "none"

Answer 2

您的控制器{

validateAndLogin : 函数 () {

var isValidated = // check validation according your requirement. 
if(isValidated) {
  //display your html view and do following after adding id attribute to that         
  //div which you want to hide.
  document.getElementById('livetracking').style.display='none';
}

}

如何在 app.js 的 html 页面中隐藏 div

How to hide div in html page in app.js

html

javascript

css

extjs

sencha-touch