HTML按钮:document.getElementById("Button").click();
A4J按钮:document.getElementById("a4jButton").onclick();
JS操作HTML中的<select>标签:
获取值:document.getElementById("form1:goods_category").value;
获取文本:document.getElementById("form1:goods_category").text;
新增OPTION:
document.getElementById("formdata:ListBoxPersonSelected").options[document.getElementById("formdata:ListBoxPersonSelected").options.length]
= new Option(textlist,valuelist,true,true);
例子:
for(var i =0;i <document.getElementById("formdata:ListBoxPerson").options.length;i++)
{
if(document.getElementById("formdata:ListBoxPerson").options[i].selected)
{
valuelist = document.getElementById("formdata:ListBoxPerson").options[i].value;
textlist = document.getElementById("formdata:ListBoxPerson").options[i].text;
if(document.getElementById("formdata:ListBoxPersonSelected").options.length == 0)
{
document.getElementById("formdata:ListBoxPersonSelected").options[document.getElementById("formdata:ListBoxPersonSelected").options.length]
= new Option(textlist,valuelist,true,true);
}
else
{
for(var j =0;j <document.getElementById("formdata:ListBoxPersonSelected").options.length;j++)
{
if(valuelist == document.getElementById("formdata:ListBoxPersonSelected").options[j].value)
{
flg = true;
}
}
if(flg == false)
{
document.getElementById("formdata:ListBoxPersonSelected").options[document.getElementById("formdata:ListBoxPersonSelected").options.length]
= new Option(textlist,valuelist,true,true);
}else{flg = false;}
}
}
}
分享到:
相关推荐
总之,A4J为JSF开发者提供了一套完整的AJAX解决方案,通过这个中文指南,学习者可以深入理解A4J的工作原理,掌握其功能和用法,从而在开发过程中充分利用A4J的优势,创建出更具响应性和效率的Web应用。
2. **事件驱动**:A4J利用JSF的事件模型,允许开发者定义和处理特定的UI事件,如按钮点击或输入字段更改,这些事件可以在客户端或服务器端触发。 3. **Ajax集成**:A4J与JSF紧密集成,提供了丰富的Ajax组件库,使得...
从简单的按钮点击触发Ajax请求,到复杂的表单验证和数据网格的异步加载,都有详细的讲解。 总的来说,"Ajax4JSF使用中文手册"是JSF开发者实现Ajax功能的宝贵资源。通过学习这份手册,开发者可以更好地理解Ajax4JSF...
- **a4j.js**: 这是核心的JavaScript库,负责处理客户端的Ajax请求和响应。 - **a4j.taglib.xml**: 包含了一系列的JSF自定义标签,使得在JSF页面中使用Ajax变得简单。 - **a4j-servlet.jar**: 服务器端的组件,处理...
`<a4j:commandButton>`是JSF的`<h:commandButton>`的增强版,可以在点击按钮时发送Ajax请求。`<a4j:region>`则用于定义Ajax操作影响的页面区域。 压缩包中的"jsfajax4jsf"文件可能包含了示例代码、文档或者Ajax4JSF...
它通过A4J JS库和服务器端的A4J Servlet协同工作,使得开发者可以轻松地将Ajax功能集成到JSF组件中。例如,A4J的`<a4j:commandButton>`标签可以创建一个响应式按钮,当用户点击时,只更新页面的一部分而不是整个页面...
- **Ajax 行为**:Ajax4JSF 提供了Ajax行为组件,如`<a4j:ajax>`,它们允许开发者在JSF事件处理中添加Ajax逻辑。 - **Ajax 回调**:通过`oncomplete`、`onsuccess`、`onerror`等属性,开发者可以定义Ajax请求完成后...
Ajax4JSF(全称 AJAX for JavaServer Faces)是Oracle公司开发的一个开源项目,它为JavaServer Faces (JSF) 提供了强大的AJAX支持,使得开发者能够轻松地在JSF应用中实现异步数据处理和用户界面更新,提升了Web应用...
5. **a4j:commandLink** 和 **a4j:commandButton**:创建支持Ajax的链接和按钮。 6. **a4j:outputPanel**:定义一个可以被Ajax操作的面板。 7. **a4j:actionparam**:用于传递额外的参数给服务器。 8. **a4j:status*...
3. **配置Ajax行为:** 使用`<a4j:ajax event="event-name" action="#{bean.method}" />`来配置异步行为,这里的`event-name`是指触发Ajax调用的事件名称,如点击按钮;`#{bean.method}`是指后端Bean中的方法。 ###...
- **第3章:a4j:* 标签、特性和概念** - 探讨了a4j命名空间中的标签,这些标签为JSF带来了AJAX支持。 - **第4章:开始使用Rich组件** - 介绍RichFaces提供的各种组件及其基本用法。 - **第5章:富输入和选择组件** -...
`<h:selectOneMenu>`允许用户选择日期的显示格式,通过`onchange`事件和`a4j:support`,当选择改变时,日历的日期格式会同步更新。 这些例子展示了RichFaces的强大功能,包括与后台bean的双向数据绑定、AJAX更新...