javascript - ExtJS:如何切换 html View

标签 javascript html extjs onclick toggle

我有一个带有按钮的 HTML 代码。单击该按钮时,某些对象应该切换。目前这不起作用。

var contentString = '<a href="#" onclick="someFunction()">' + testVariable + '</a><br><button onclick="document.getElementById(\'demo\').toggle()">BUTTON TOGGLE</button><br><p id= "demo">' + hideVariableOnToggle + '</p>';

var infoWindow = new google.maps.InfoWindow({
    content: '<div style="min-height:50px; color:black; width: 300px;">' + contentString + '</div>'
});

我收到以下错误

TypeError: document.getElementById(...).toggle is not a function    

<!DOCTYPE HTML>

另外,如何通过 ID 访问元素?目前我的所有尝试都为空

Ext.get('demo') //null
document.getElementById('demo')//null
Ext.getCmp('demo')//null

最佳答案

除非您使用 JQuery,否则您拥有的元素 P 是一个 Html 元素,并且没有toggle() 函数的实现。您可以尝试更改 display 属性来隐藏或显示对象

function toggle(obj){
    obj.style.display = (obj.style.display == 'none' ? '' : 'none');
}

您可以在按钮中使用此功能:

<button onclick="toggle(document.getElementById('demo'));">BUTTON TOGGLE</button>

你可以看这个例子 http://jsfiddle.net/bocanegra_carlos/eus14g3t/

关于javascript - ExtJS:如何切换 html View ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32120037/

相关文章:

javascript - Dart 是真正的并行还是并发

javascript - 使用 JavaScript 的 Flickr API

javascript - Jquery 为什么toggleClass 在这里不起作用?

javascript - 像在 php 中回显一样用 JS 插入代码

html - 如何让 SVG 元素扩展以填充容器的宽度,同时保持纵横比

ExtJS 4 : "c is not a constructor"

javascript - 将复选框添加到复选框组 -> 监听器

javascript - 随机动画更改 GIF

javascript - 在网站上制作重复的文本背景?

extjs - 如何在extjs中为组合框添加不带冒号的fieldLabel