JSF页面中使用js函数回调后台bean方法并获取返回值的方法

某些情况下，在开发jsf项目时，我们需要必须使用html组件来达到一些使用Jsf组件不能达到的目标。例如有时候我们希望，当触发某些html 组件或标签时，触发后台方法甚至接收后台方法传过来的返回值。这回让我们很头疼，因为primefaces并没有给我们说如何使用js来调用后台bean 方法。那么，我们就需要结合js和jsf同时才可以达到这个目的。

达到这个目的又两个方法。

1 使用jsf的inputHidden标签

这几乎算不上真正的js调用后台的方法，因为它无法向后抬bean传递值，但是简单的后台向页面传递数据可以使用这个方法

首先，在jsf中触发某个组件时，要及时update这个inputHidden标签，例如下面的组件

这里面的组件就会当这个下拉值变化时，就会触发后台的方法

onModuleChange()

当，方法结束后，它会update（刷新）这个

h:inputHidden

如果你的这个inputHidden中的值是随下拉的变化和变化的呢，那么，你就可以在任何的js函数中获取到这个inputHidden中的值，然后进行处理，

function getVlue() {
    /* document.getElementById("commBtn").onclick; */
    alert("a");
    var aliaColums = document.getElementById("input").value;
    dataJson = eval("(" + aliaColums + ")");
        addqueryroot('.query', true);
}

我这里的inputHidden 盛的是一个json格式的字符串，我通过js函数就可以动态的获取这个json，进而进行其他的操作。当然，可以在任何html标签中调用这个js函数，然后获取这个json字符串。

2 使用commandButton来达到复杂的异步刷新取值

在这里说下，普通的html标签结合js函数结合commandButton可以达到什么效果呢？那就是在你触发任何html标签时，你都可以通过 这个commandButton组件来将你在html标签中选定的值传递到后台，经过后台bean处理后，它会返回处理结果，js函数就可以接收到这个处 理结果，然后再将这个结果整合到其他的组件中。

首先，创建这个隐藏的commandButton,注意，这个commandButton本身不具有隐藏的属性，可以通过其他有隐藏属性的组件将其 包裹，以达到隐藏的目的，我通过一个div来达到这个目的。在这个commandButton中，我们发现，action的作用就是当点击这个 commandButton时，它会调用后台方法，而attribute中的name 属性和value属性的作用会在下面将。

然后我们需要一个普通的html标签，就以一个普通的html button为例：

然后写一个js函数，来连接这个普通的button和jsf组件commandButton

function test() {
    $('#command').click();
}

这个函数的意思就是，当你点击这个"回调测试"的按钮时，它就相当于触发了jsf的cimmandButton按钮，这时，commandButton中的两个

中的两个属性就会自动绑定成一个类似于map形式的数据，name属性的值作为key，value中的值作为map中的value，它们将会被传递至后台。

然后，后台的bean 中需要有方法来接收两个值：

public void testReturn(ActionEvent event) {
    String attrvalue1 = (String) event.getComponent().getAttributes()
        .get("attrname1");
    String attrvalue2 = (String) event.getComponent().getAttributes()
        .get("attrname2");
    System.out.println(attrvalue1);
    System.out.println(attrvalue2);
    RequestContext requestContext = RequestContext.getCurrentInstance();
    requestContext.addCallbackParam("isValid", true);

}

在上面的代码中，我们可以看到，java程序已经成功的接收前端页面传过来的值，它最后也返回了一个类是于map格式的值，key为：isValid，value 为：true

最后，我们要写一下页面如何接收后台传递过来的值：

接下来，就会发现不仅仅后台可以正常打印出前端页面中的那两个值，同时前端的js函数也可以打印出后台传过来的值，当然，同样的，从前端传递到后台的值的个数和形式，你可以自己改，同时从后台接收到的数据，你也可以随意的进行任何操作。

但是请注意，这个

p:commandButton

组件有个问题，就是你不可以动态的通过js函数来将一些值赋给这个组件，但是这个组件里的值可以接受后台的属性值

这样其实也并没有达到我们想要通过js来传给后台bean的目的，接下来的方法，就可以完全达到通过js动态的传值给后台bean方法，bean方法处理完返回数据给js。

3 使用p:remoteCommand来达到复杂的异步刷新取值

大家请注意，这个方法可以真正的解决在jsf中通过js调用后台bean方法并获取bean方法返回值的问题。

同样，首先我们要写两个jsf组件，来和后台bean结合

解释一下，上面的的这个inputHidden的作用是接收后台bean处理后的返回值。remoteCommand的作用是将js中的动态的值传递到后台bean方法。

你可能感兴趣的:(jsf+primefaces)

• 从零开始开发个人博客——SSM架构 蓝山牧童
  一.前言（已弃用）最近有点儿闲，工作中基本用JSF+Primefaces+Spring+Hibernate开发，JSF+Primefaces在国内比较偏门，很少有公司用这个技术框架做开发。这个以后再讲，这次我打算仔细写一篇关于开发个人项目的博客。我有预感这个系列肯定会很详细。下面我们一步一步开始：创建这套系统的目的一是梳理下以往的只是结构；二来其中会运用到一些新技术，能够好的学习运用它们；三是为了
• NodeJS入门Demo 云上太阳 nodejsnodejs安装nodejs实例
      自打接触程序开始，就知道程序开发分前端和后台；然后分了两拨人它们（都是猿类）互相合作，互相鄙视，互相撕逼……很多个日夜后完成一个不那么划时代的产品，其中大部分是项目，产品都算不上。在这条路上我一走就是三年，中间一直在考虑：为啥做个web项目非得分前后台，还得两拨人。能不能不区分前后台，直接开发？    然后就发现了JSF+primefaces，这个确实屌，事件驱动，前端不用写一坨一坨的aj
• ViewController添加button按钮解析。（翻译） 张亚雄 c
  <div class="it610-blog-content-contain" style="font-size: 14px"></div>//  ViewController.m //  Reservation software // //  Created by 张亚雄 on 15/6/2.
• mongoDB 简单的增删改查 开窍的石头 mongodb
     在上一篇文章中我们已经讲了mongodb怎么安装和数据库/表的创建。在这里我们讲mongoDB的数据库操作       在mongo中对于不存在的表当你用db.表名 他会自动统计 下边用到的user是表明，db代表的是数据库       添加(insert):
• log4j配置 0624chenhong log4j
  1) 新建java项目 2) 导入jar包，项目右击，properties—java build path—libraries—Add External jar，加入log4j.jar包。 3) 新建一个类com.hand.Log4jTest package com.hand; import org.apache.log4j.Logger; public class
• 多点触摸(图片缩放为例) 不懂事的小屁孩 多点触摸
  多点触摸的事件跟单点是大同小异的，上个图片缩放的代码，供大家参考一下 import android.app.Activity; import android.os.Bundle; import android.view.MotionEvent; import android.view.View; import android.view.View.OnTouchListener
• 有关浏览器窗口宽度高度几个值的解析 换个号韩国红果果 JavaScripthtml
  1 元素的 offsetWidth 包括border padding  content  整体的宽度。 clientWidth  只包括内容区 padding 不包括border。 clientLeft =  offsetWidth -clientWidth  即这个元素border的值 offsetLeft  若无已定位的包裹元素
• 数据库产品巡礼：IBM DB2概览 蓝儿唯美 db2
  IBM DB2是一个支持了NoSQL功能的关系数据库管理系统，其包含了对XML，图像存储和Java脚本对象表示（JSON）的支持。DB2可被各种类型的企 业使用，它提供了一个数据平台，同时支持事务和分析操作，通过提供持续的数据流来保持事务工作流和分析操作的高效性。 DB2支持的操作系统 DB2可应用于以下三个主要的平台:   工作站，DB2可在Linus、Unix、Windo
• java笔记5 a-john java
  控制执行流程： 1，true和false    利用条件表达式的真或假来决定执行路径。例：（a==b）。它利用条件操作符“==”来判断a值是否等于b值，返回true或false。java不允许我们将一个数字作为布尔值使用，虽然这在C和C++里是允许的。如果想在布尔测试中使用一个非布尔值，那么首先必须用一个条件表达式将其转化成布尔值，例如if(a!=0)。 2，if-els
• Web开发常用手册汇总 aijuans PHP
  一门技术，如果没有好的参考手册指导,很难普及大众。这其实就是为什么很多技术，非常好，却得不到普遍运用的原因。 正如我们学习一门技术，过程大概是这个样子： ①我们日常工作中，遇到了问题，困难。寻找解决方案，即寻找新的技术； ②为什么要学习这门技术？这门技术是不是很好的解决了我们遇到的难题，困惑。这个问题，非常重要，我们不是为了学习技术而学习技术，而是为了更好的处理我们遇到的问题，才需要学习新的
• 今天帮助人解决的一个sql问题 asialee sql
              今天有个人问了一个问题，如下： type     AD      value          A  
• 意图对象传递数据 百合不是茶 android意图IntentBundle对象数据的传递
  学习意图将数据传递给目标活动; 初学者需要好好研究的       1,将下面的代码添加到main.xml中    <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http:/
• oracle查询锁表解锁语句 bijian1013 oracleobjectsessionkill
  一.查询锁定的表 如下语句，都可以查询锁定的表 语句一： select a.sid, a.serial#, p.spid, c.object_name, b.session_id, b.oracle_username, b.os_user_name from v$process p, v$s
• mac osx 10.10 下安装 mysql 5.6 二进制文件［tar.gz］ 征客丶 mysqlosx
  场景：在 mac osx 10.10 下安装 mysql 5.6 的二进制文件。 环境：mac osx 10.10、mysql 5.6 的二进制文件 步骤：[所有目录请从根“/”目录开始取，以免层级弄错导致找不到目录] 1、下载 mysql 5.6 的二进制文件，下载目录下面称之为 mysql5.6SourceDir； 下载地址：http://dev.mysql.com/downl
• 分布式系统与框架 bit1129 分布式
  RPC框架 Dubbo 什么是Dubbo   Dubbo是一个分布式服务框架，致力于提供高性能和透明化的RPC远程服务调用方案，以及SOA服务治理方案。其核心部分包含:    远程通讯: 提供对多种基于长连接的NIO框架抽象封装，包括多种线程模型，序列化，以及“请求-响应”模式的信息交换方式。    集群容错: 提供基于接
• 那些令人蛋痛的专业术语 白糖_ springWebSSOIOC
  spring 【控制反转(IOC)/依赖注入(DI)】： 由容器控制程序之间的关系，而非传统实现中，由程序代码直接操控。这也就是所谓“控制反转”的概念所在：控制权由应用代码中转到了外部容器，控制权的转移，是所谓反转。 简单的说：对象的创建又容器(比如spring容器)来执行，程序里不直接new对象。 Web 【单点登录(SSO)】：SSO的定义是在多个应用系统中，用户
• 《给大忙人看的java8》摘抄 braveCS java8
  函数式接口：只包含一个抽象方法的接口 lambda表达式：是一段可以传递的代码       你最好将一个lambda表达式想象成一个函数，而不是一个对象，并记住它可以被转换为一个函数式接口。 事实上，函数式接口的转换是你在Java中使用lambda表达式能做的唯一一件事。   方法引用：又是要传递给其他代码的操作已经有实现的方法了，这时可以使
• 编程之美-计算字符串的相似度 bylijinnan java算法编程之美
  public class StringDistance { /** * 编程之美 计算字符串的相似度 * 我们定义一套操作方法来把两个不相同的字符串变得相同，具体的操作方法为： * 1.修改一个字符（如把“a”替换为“b”）; * 2.增加一个字符（如把“abdd”变为“aebdd”）; * 3.删除一个字符（如把“travelling”变为“trav
• 上传、下载压缩图片 chengxuyuancsdn 下载
  /** * * @param uploadImage --本地路径(tomacat路径) * @param serverDir --服务器路径 * @param imageType --文件或图片类型 * 此方法可以上传文件或图片.txt,.jpg,.gif等 */ public void upload(String uploadImage,Str
• bellman-ford(贝尔曼-福特)算法 comsci 算法F#
  Bellman-Ford算法(根据发明者 Richard Bellman 和 Lester Ford 命名)是求解单源最短路径问题的一种算法。单源点的最短路径问题是指：给定一个加权有向图G和源点s，对于图G中的任意一点v，求从s到v的最短路径。有时候这种算法也被称为 Moore-Bellman-Ford 算法，因为 Edward F. Moore zu 也为这个算法的发展做出了贡献。 与迪科
• oracle ASM中ASM_POWER_LIMIT参数 daizj ASMoracleASM_POWER_LIMIT磁盘平衡
  ASM_POWER_LIMIT 该初始化参数用于指定ASM例程平衡磁盘所用的最大权值，其数值范围为0~11，默认值为1。该初始化参数是动态参数，可以使用ALTER  SESSION或ALTER  SYSTEM命令进行修改。示例如下： SQL>ALTER  SESSION  SET   Asm_power_limit=2;
• 高级排序:快速排序 dieslrae 快速排序
  public void quickSort(int[] array){ this.quickSort(array, 0, array.length - 1); } public void quickSort(int[] array,int left,int right){ if(right - left <= 0
• C语言学习六指针_何谓变量的地址 一个指针变量到底占几个字节 dcj3sjt126com C语言
  # include <stdio.h> int main(void) { /* 1、一个变量的地址只用第一个字节表示 2、虽然他只使用了第一个字节表示，但是他本身指针变量类型就可以确定出他指向的指针变量占几个字节了 3、他都只存了第一个字节地址，为什么只需要存一个字节的地址，却占了4个字节，虽然只有一个字节， 但是这些字节比较多，所以编号就比较大，
• phpize使用方法 dcj3sjt126com PHP
  phpize是用来扩展php扩展模块的，通过phpize可以建立php的外挂模块,下面介绍一个它的使用方法,需要的朋友可以参考下 安装（fastcgi模式）的时候，常常有这样一句命令： 代码如下: /usr/local/webserver/php/bin/phpize   一、phpize是干嘛的？ phpize是什么？ phpize是用来扩展php扩展模块的，通过phpi
• Java虚拟机学习 - 对象引用强度 shuizhaosi888 JAVA虚拟机
  本文原文链接：http://blog.csdn.net/java2000_wl/article/details/8090276 转载请注明出处！ 无论是通过计数算法判断对象的引用数量，还是通过根搜索算法判断对象引用链是否可达，判定对象是否存活都与“引用”相关。 引用主要分为 ：强引用(Strong Reference)、软引用(Soft Reference)、弱引用(Wea
• .NET Framework 3.5 Service Pack 1（完整软件包）下载地址 happyqing .net下载framework
    Microsoft .NET Framework 3.5 Service Pack 1（完整软件包）  http://www.microsoft.com/zh-cn/download/details.aspx?id=25150 Microsoft .NET Framework 3.5 Service Pack 1 是一个累积更新，包含很多基于 .NET Framewo
• JAVA定时器的使用 jingjing0907 javatimer线程定时器
  1、在应用开发中，经常需要一些周期性的操作，比如每5分钟执行某一操作等。 对于这样的操作最方便、高效的实现方式就是使用java.util.Timer工具类。 privatejava.util.Timer timer; timer = newTimer(true); timer.schedule( newjava.util.TimerTask() { public void run()
• Webbench 流浪鱼 webbench
  首页下载地址 http://home.tiscali.cz/~cz210552/webbench.html Webbench是知名的网站压力测试工具，它是由Lionbridge公司（http://www.lionbridge.com）开发。 Webbench能测试处在相同硬件上，不同服务的性能以及不同硬件上同一个服务的运行状况。webbench的标准测试可以向我们展示服务器的两项内容：每秒钟相
• 第11章 动画效果（中） onestopweb 动画
  index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/
• windows下制作bat启动脚本. sanyecao2314 javacmd脚本bat
  java -classpath C:\dwjj\commons-dbcp.jar;C:\dwjj\commons-pool.jar;C:\dwjj\log4j-1.2.16.jar;C:\dwjj\poi-3.9-20121203.jar;C:\dwjj\sqljdbc4.jar;C:\dwjj\voucherimp.jar com.citsamex.core.startup.MainStart
• Java进行RSA加解密的例子 tomcat_oracle java
  加密是保证数据安全的手段之一。加密是将纯文本数据转换为难以理解的密文；解密是将密文转换回纯文本。 　　数据的加解密属于密码学的范畴。通常，加密和解密都需要使用一些秘密信息，这些秘密信息叫做密钥，将纯文本转为密文或者转回的时候都要用到这些密钥。 　　对称加密指的是发送者和接收者共用同一个密钥的加解密方法。 　　非对称加密(又称公钥加密)指的是需要一个私有密钥一个公开密钥，两个不同的密钥的
• Android_ViewStub 阿尔萨斯 ViewStub
  public final class ViewStub extends View java.lang.Object android.view.View android.view.ViewStub 类摘要： ViewStub 是一个隐藏的，不占用内存空间的视图对象，它可以在运行时延迟加载布局资源文件。当 ViewSt

按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他

首页 - 关于我们 - 站内搜索 - Sitemap - 侵权投诉

版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved.