如何使用javascript单击p:commandButton
How to click on a p:commandButton using javascript
我的JSF页面中有很多标签。我想在其中一个表单中使用javascript单击p:commandButton
。但它不起作用。当我调试它使用chrome时,它提示找不到p:commandButton
,即$("#templetFile'':editButton")为空,为什么?
有我的代码:
<h:form id="templetFile" style="height:100%">
<input type="button" value = "click me" onclick="testOnclick();"/>
<p:commandButton id="editButton" value="ceshi" styleClass="button"
action="#{advancedQueryManager.editModAndClass()}" onclick="getValddd()"
style="display:none">
<p:ajax event="dialogReturn" update="templFile"
listener="#{advancedQueryManager.onreturn()}" />
</p:commandButton>
<script type="text/javascript" >
function testOnclick() {
var a =$("#templetFile'':editButton");
a.click();
}
function getValddd(){
alert("Allready onclick!");
}
</script>
</h:form>
如果我使用此js代码var b = document.getElementById('editButton');我仍然无法获取 p:commandButton 元素。为什么?以及如何使用 javascript 获取 p:commandButton?
也许,jsf 为按钮创建了一个新 id,因此document.getElementById('editButton')
不起作用。为了解决这个问题,你可以添加一个任意的样式类来像按钮一样;
styleClass="button myButtonToClick"
和 JavaScript 应该是这样的;
var x =document.getElementsByClassName("myButtonToClick");
x[0].click();
相关文章:
- 使用clickToggle并在单击另一个元素时关闭元素
- 单击时将焦点更改为元素
- 单击F5时如何停止页面加载
- 通过单击表单中的按钮,在代码生成中使用javascript生成字母数字代码
- 在单击任何位置时隐藏元素,而不检查每次DOM单击
- 单击jquery清除输入值
- 单击按钮以等待单击按钮
- 在单击href链接的同时下载文件
- 单击顶部导航时如何进行向下滚动效果(向下滑动).
- 使图像在单击时展开到不大于浏览器
- 单击按钮后如何逐个调用分区,上一个分区将隐藏
- 如何在单击复选框后调用控制器方法
- 单击页面上的链接后高度发生变化
- 使用jquery在单击时在单元格中输入值
- 将纯文本URL转换为可单击链接
- ASP.NET通过单击JavaScript按钮触发c#事件
- 单击更改图标并通过javascript添加一个css类
- 阻止在select2单击时调用ajax
- 返回false不起作用,单击h:commandButton将触发操作
- 如何使用javascript单击p:commandButton