`
jiasongmao
  • 浏览: 661183 次
  • 性别: Icon_minigender_1
  • 来自: 石家庄
社区版块
存档分类
最新评论

JSF中隐藏A4J按钮和普通按钮的JS单击事件

    博客分类:
  • JSF
阅读更多
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 ajax4jsf中文指南 chm

    总之,A4J为JSF开发者提供了一套完整的AJAX解决方案,通过这个中文指南,学习者可以深入理解A4J的工作原理,掌握其功能和用法,从而在开发过程中充分利用A4J的优势,创建出更具响应性和效率的Web应用。

    a4j框架应用实例简介

    2. **事件驱动**:A4J利用JSF的事件模型,允许开发者定义和处理特定的UI事件,如按钮点击或输入字段更改,这些事件可以在客户端或服务器端触发。 3. **Ajax集成**:A4J与JSF紧密集成,提供了丰富的Ajax组件库,使得...

    ajax4jsf使用中文手册

    从简单的按钮点击触发Ajax请求,到复杂的表单验证和数据网格的异步加载,都有详细的讲解。 总的来说,"Ajax4JSF使用中文手册"是JSF开发者实现Ajax功能的宝贵资源。通过学习这份手册,开发者可以更好地理解Ajax4JSF...

    ajax4jsf 例子

    - **a4j.js**: 这是核心的JavaScript库,负责处理客户端的Ajax请求和响应。 - **a4j.taglib.xml**: 包含了一系列的JSF自定义标签,使得在JSF页面中使用Ajax变得简单。 - **a4j-servlet.jar**: 服务器端的组件,处理...

    ajax4jsf.zip

    `&lt;a4j:commandButton&gt;`是JSF的`&lt;h:commandButton&gt;`的增强版,可以在点击按钮时发送Ajax请求。`&lt;a4j:region&gt;`则用于定义Ajax操作影响的页面区域。 压缩包中的"jsfajax4jsf"文件可能包含了示例代码、文档或者Ajax4JSF...

    RichFaces/ A4J API 英文版 下载 附 java 调用webservice

    它通过A4J JS库和服务器端的A4J Servlet协同工作,使得开发者可以轻松地将Ajax功能集成到JSF组件中。例如,A4J的`&lt;a4j:commandButton&gt;`标签可以创建一个响应式按钮,当用户点击时,只更新页面的一部分而不是整个页面...

    ajax4jsf使用手册

    - **Ajax 行为**:Ajax4JSF 提供了Ajax行为组件,如`&lt;a4j:ajax&gt;`,它们允许开发者在JSF事件处理中添加Ajax逻辑。 - **Ajax 回调**:通过`oncomplete`、`onsuccess`、`onerror`等属性,开发者可以定义Ajax请求完成后...

    ajax4jsf教程

    Ajax4JSF(全称 AJAX for JavaServer Faces)是Oracle公司开发的一个开源项目,它为JavaServer Faces (JSF) 提供了强大的AJAX支持,使得开发者能够轻松地在JSF应用中实现异步数据处理和用户界面更新,提升了Web应用...

    Practical RichFaces

    3. **配置Ajax行为:** 使用`&lt;a4j:ajax event="event-name" action="#{bean.method}" /&gt;`来配置异步行为,这里的`event-name`是指触发Ajax调用的事件名称,如点击按钮;`#{bean.method}`是指后端Bean中的方法。 ###...

    Practical RichFaces, 2nd Edition

    - **第3章:a4j:* 标签、特性和概念** - 探讨了a4j命名空间中的标签,这些标签为JSF带来了AJAX支持。 - **第4章:开始使用Rich组件** - 介绍RichFaces提供的各种组件及其基本用法。 - **第5章:富输入和选择组件** -...

    richfaces标签例子

    `&lt;h:selectOneMenu&gt;`允许用户选择日期的显示格式,通过`onchange`事件和`a4j:support`,当选择改变时,日历的日期格式会同步更新。 这些例子展示了RichFaces的强大功能,包括与后台bean的双向数据绑定、AJAX更新...

Global site tag (gtag.js) - Google Analytics