JSF实例:组件显示(隐藏)与数据排序

js|排序|数据|显示

  JSF中处理组件的显示和隐藏、数据的排序等相对其它框架非常容易和直接了当, 常被教科书作为实例分析和讲解。下面这个实例来自名为《 Mastering JavaServer Faces中文版》的书(略有改动),通过组件的显示(或隐藏)及数据的排序来讲解JSF中UI组件的用法。

  先看看它的界面共三个(1)index.jsp,

  (2)ModifyInvoice.jsp,这个修改发票界面有一个显示(隐藏)按钮,点击时可显示(或隐藏)部分组件。

(3)ViewInvoices.jsp,显示全部发票的列表。并可以按发票序号和数额排序。

  主要看看这个页面中,当点击发票的发票序号时如何正确返回到ModifyInvoice.jsp页面(在我们自己的实践当中一定要遇到的问题啊,通常的做法是超链接当中带参数)。当然首先要在faces-config.xml文件中定义导航法则:

  /ViewInvoices.jsp
  
    modifyInvoice
    /ModifyInvoice.jsp
  

  从源码可以知道这个页面通过一个 <?XML:NAMESPACE PREFIX = H />标记来显示所有发票。

...
   value="#{invoice.invoiceNumber}"    action="#{viewInvoicesPage.modifyInvoice}">
  
 
.....

  从上看出,当我们点击发票的序号时,JSF调用viewInvoicesPage.modifyInvoice方法。

 public String modifyInvoice() {   FacesContext facesContext = FacesContext.getCurrentInstance();           UIViewRoot root = facesContext.getViewRoot();   UIData table = (UIData) root.findComponent("invoiceForm").findComponent("table");   InvoiceBean invoice = (InvoiceBean) table.getRowData();   ValueBinding binding =   facesContext.getApplication().createValueBinding("#{modifyInvoicePage}");   ModifyInvoicePage detailPage = (ModifyInvoicePage) binding.getValue(facesContext);       detailPage.setInvoice(invoice);           return "modifyInvoice";    }

  如此看来,当用 标记显示数据时,聪明的JSF用getRowData()可以知道你点击了那一行(即那一个发票号,这实际上是JSF将标记转为HTML链接时自动加上了行索引),再将这一行数据传给 ModifyInvoice.jsp页。

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索jsp
, 数据
, 排序
, 组件
, js组件 jsp问题
, 序号
, 隐藏jsp显示divjs
, FacesContext
, 隐藏组件
排序组件
,以便于您获取更多的相关知识。

时间: 2024-10-01 12:28:10

JSF实例:组件显示(隐藏)与数据排序的相关文章

ASP.NET中实现DataGrid数据排序

asp.net|datagrid|排序|数据 Visual Studio .Net为编写WinForm程序(即:在Windows平台下运行的程序)所提供的DataGrid组件比起微软以往的各种开发环境中提供的DataGrid组件都要"高级"许多.其"高级"的地方就在于不需要再进行任何其他设置或编程,DataGrid就能够对其中的数据分别按照升.降序进行排列.这种"高级"功能给我们编程提供了许多方便.图01是在WinForm程序中的DataGrid

《Excel数据可视化:一样的数据不一样的图表》——3.2 用项目规则显示隐藏在计算机中的数据

3.2 用项目规则显示隐藏在计算机中的数据 项目选取规则和突出显示单元格规则的功能是相近的,都是指选取满足指定条件的项目,并突出显示其所在单元格.不一样的是,项目选取规则可以为结果减少某些计算步骤,如前n项或最后n%,这一功能就不需要再进行排序.求均值等操作:而突出显示单元格则是通过选取某个具体的值或字所进行的操作. 情景对比 步骤要点 选取需要突出显示的单元格区域D3:D17,在"条件格式"下指向"项目选取规则",然后单击"低于平均值"选项,如

Vuejs第九篇之组件作用域及props数据传递实例详解_javascript技巧

本篇资料来于官方文档: http://cn.vuejs.org/guide/components.html 本教程是小编结合官方文档整理的一套更加细致,代码更多更全的教程,特别适合新手阅读. props数据传递 ①组件实例的作用域: 是孤立的,简单的来说,组件和组件之间,即使有同名属性,值也不共享. <div id="app"> <add></add> <del></del> </div> <script&g

js判断checkbox是否选中并且显示隐藏相关实例

js判断checkbox是否选中并且显示隐藏相关实例 <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>js判断checkbox是否选中并且显示隐藏相关实例</title> <script language="javascript教程">  function check

jquery 显示隐藏实例代码

<!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/1999/xhtml"> <head> <meta http-equiv="content-

js显示隐藏层实例代码

<!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/1999/xhtml"> <head> <meta http-equiv="content-

jQuery显示隐藏层插件实例登录框的演示

<!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/1999/xhtml" xml:lang="en" lang="en">

jquery显示/隐藏商品菜单程序实例

在一些电商网站或者是分类信息网站上不难看到他们的导航都是显示一些大分类,在点击进入子页面的时候,又分成了很多小的分类,通常在这些小的分类下面还会显示点击查看更多品牌/隐藏品牌的功能.看起来很友好,又高大上.其实制作这么一个效果并不难,简单的几行Jquery代码即可搞定.下面咱们就来分析一下如何来完成这个高大上的效果. ①打开页面的时候,显示精简的品牌列表:品牌列表下面有一个显示更多的按钮: ②当点击产品下方"显示全部品牌的时候"显示全部的品牌.其实还可以添加很多其他的效果,比如栏目加亮

看实例学VFP:删除数据表中的记录

本例对看实例学VFP:对数据表中记录进行修改一文的实例进行了一点改进,增加了"撤消"功能.程序运行时如下图: 在组合框中选择要查找的字段,在文本框中输入查找内容后单击右侧的"查找"按钮后将查找结果显示在上方的表格中,"查找"按钮变成"撤消"按钮,同时激活"删除"按钮及用于显示数据的文本框,并将当前记录(满足查询条件的记录)的值同时显示在文本框中,:单击"删除"按钮后会删除查找出来的记录刷