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

时间:2017-04-06 06:06:37

标签: javascript html css extjs sencha-touch

登录后,我在html页面上显示了一些用户模块。当用户无法通过管理员访问该模块时,我想隐藏它。我使用sencha / ExtJs作为前端。

我希望在用户登录后隐藏此组件,如果他没有权限。 这是我的代码(见下图) enter image description here

如果用户无权访问,我想在用户登录时隐藏此实时跟踪。

此设计如下 enter image description here

我想在App.js中创建一个函数(在控制器中)。 你可以帮我这个......

2 个答案:

答案 0 :(得分:1)

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

使用javascript

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

答案 1 :(得分:1)

您的控制器{

validateAndLogin:function(){

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';
}

}