当前位置: 首页 > news >正文

西安网站建设瑞信企业库

西安网站建设瑞信,企业库,网站怎么做才被收录快,微商分销商城模块源码primefaces我已经在即将出版的PrimeFaces Cookbook版本2中写过一篇食谱的博客。 在这篇文章中#xff0c;我想发表第二篇关于一个名为Dialog Framework的小型框架的文章。 我个人喜欢它#xff0c;因为我记得我为使用Struts框架付出同样的代价。 当您想将外部页面加载到弹出窗… primefaces 我已经在即将出版的PrimeFaces Cookbook版本2中写过一篇食谱的博客。 在这篇文章中我想发表第二篇关于一个名为Dialog Framework的小型框架的文章。 我个人喜欢它因为我记得我为使用Struts框架付出同样的代价。 当您想将外部页面加载到弹出窗口中并向该页面提交一些数据时您必须调用window.open并使用隐藏表单将传递的值设置为隐藏字段通过JavaScript将表单提交给外部页面然后等到该页面已准备好在window.onload或document.ready 。 很多繁琐的工作。 PrimeFaces可以为您完成这项工作此外 p:dialog还提供了漂亮的用户界面来替代弹出窗口。 PrimeFaces对话框的常规用法是使用p:dialog的声明方法。 除了这种声明式方法之外还有一种编程方法。 编程方法基于编程API其中在运行时创建和销毁对话框。 它称为Dialog Framework 。 对话框框架用于在动态生成的对话框中打开外部页面。 用法很简单 RequestContext提供两个方法 openDialog和closeDialog允许打开和关闭动态对话框。 此外对话框框架还可以将数据从对话框中显示的页面传回到调用者页面。 在本食谱中我们将演示Dialog Framework中可用的所有功能。 我们将以编程方式打开一个带有选项的对话框并将参数传递给该对话框中显示的页面。 我们还将满足在源调用方页面和对话框之间进行通信的可能性。 做好准备 Dialog Framework在faces-config.xml需要以下配置 applicationaction-listenerorg.primefaces.application.DialogActionListener/action-listenernavigation-handlerorg.primefaces.application.DialogNavigationHandler/navigation-handlerview-handlerorg.primefaces.application.DialogViewHandler/view-handler /application怎么做… 我们将开发一个带有单选按钮的页面以选择一本可用的PrimeFaces图书进行评级。 单击按钮“ Rate the selected book后评分本身将在对话框中发生。 屏幕快照的XHTML代码段在下面列出。 p:messages idmessages showSummarytrue showDetailfalse/p:selectOneRadio idbooks layoutpageDirection value#{dialogFrameworkBean.bookName}f:selectItem itemLabelPrimeFaces Cookbook itemValuePrimeFaces Cookbook/f:selectItem itemLabelPrimeFaces Starter itemValuePrimeFaces Starter/f:selectItem itemLabelPrimeFaces Beginners Guide itemValuePrimeFaces Beginners Guide/f:selectItem itemLabelPrimeFaces Blueprints itemValuePrimeFaces Blueprints/ /p:selectOneRadiop:commandButton valueRate the selected bookprocessthis booksactionListener#{dialogFrameworkBean.showRatingDialog}stylemargin-top: 15pxp:ajax eventdialogReturn updatemessages listener#{dialogFrameworkBean.onDialogReturn}/ /p:commandButton 对话框中的页面是整页bookRating.xhtml其中包含Rating组件p:rating 。 它还显示选择进行评级的书的名称。 !DOCTYPE html html xmlnshttp://www.w3.org/1999/xhtmlxmlns:fhttp://xmlns.jcp.org/jsf/corexmlns:hhttp://xmlns.jcp.org/jsf/htmlxmlns:phttp://primefaces.org/ui f:view contentTypetext/html localeenf:metadataf:viewParam namebookName value#{bookRatingBean.bookName}//f:metadatah:headtitleRate the book!/title/h:headh:bodyh:formWhat is your rating for the book strong#{bookRatingBean.bookName}/strong?p/p:rating idratingp:ajax eventrate listener#{bookRatingBean.onrate}/p:ajax eventcancel listener#{bookRatingBean.oncancel}//p:rating/h:form/h:body /f:view /html 下一个屏幕截图演示了对话框的外观。 单击评级星或取消符号将关闭对话框。 源呼叫者页面显示一条消息其中所选的评级值在0到5之间。 最有趣的部分是bean中的逻辑。 豆DialogFrameworkBean通过调用方法打开的对话框中的等级页面openDialog()与结果选项和POST参数上RequestContext实例。 此外bean定义了一个AJAX侦听器onDialogReturn() 当对话框关闭后从对话框返回数据选定的评级时将调用该侦听onDialogReturn() 。 Named ViewScoped public class DialogFrameworkBean implements Serializable {private String bookName;public void showRatingDialog() {MapString, Object options new HashMapString, Object();options.put(modal, true);options.put(draggable, false);options.put(resizable, false);options.put(contentWidth, 500);options.put(contentHeight, 100);options.put(includeViewParams, true);MapString, ListString params new HashMapString, ListString();ListString values new ArrayListString();values.add(bookName);params.put(bookName, values);RequestContext.getCurrentInstance().openDialog(/views/chapter11/bookRating, options, params);}public void onDialogReturn(SelectEvent event) {Object rating event.getObject();FacesMessage message new FacesMessage(FacesMessage.SEVERITY_INFO, You rated the book with rating, null);FacesContext.getCurrentInstance().addMessage(null, message);}// getters / setters... } Bean BookRatingBean为Rating component定义了两个侦听器。 当用户分别单击星号和取消符号时将调用它们。 我们呼吁有closeDialog()上RequestContext实例来触发对话框关闭和额定电流值传递给听众提到onDialogReturn() Named RequestScoped public class BookRatingBean {private String bookName;public void onrate(RateEvent rateEvent) {RequestContext.getCurrentInstance().closeDialog(rateEvent.getRating());}public void oncancel() {RequestContext.getCurrentInstance().closeDialog(0);}// getters / setters... }这个怎么运作… RequestContext提供了两个同名openDialog方法可在运行时动态打开对话框。 第一个只有一个参数–用于解决导航案例的逻辑结果。 第二个参数包含三个参数-结果对话框的配置选项和发送到对话框中显示的视图的参数。 在示例中我们使用了第二个变体。 选项作为键值对放入Map中。 参数也放入Map 。 在我们的案例中我们输入所选书籍的名称。 之后通过f:viewParam在对话框页面bookRating.xhtml接收该名称。 f:viewParam将传输的参数设置到BookRatingBean 以便在Rating组件上方的标题中可用。 提示请参阅《 PrimeFaces用户指南》以查看受支持对话框的配置选项的完整列表。 让我们经历请求-响应生命周期。 一旦收到由命令按钮引起的请求响应就会创建一个对话框其中包含iframe 。 iframe的URL指向整页在本例中为bookRating.xhtml 。 该页面将向下流并显示在对话框中。 如您所见总是有两个请求第一个初始POST和第二个GET由iframe发送。 请注意对话框框架仅适用于初始AJAX请求。 非AJAX请求将被忽略。 另请注意对话框的标题取自HTML title元素。 正如我们上面已经提到这个对话框可以通过编程关闭invoking该方法closeDialog上RequestContext实例。 在调用者页面上触发对话框的按钮需要有一个dialogReturn事件的AJAX侦听器以便能够从对话框接收任何数据。 数据作为参数传递给方法closeDialog(Object data) 。 在示例中我们传递了一个正整数值rateEvent.getRating()或0 。 翻译自: https://www.javacodegeeks.com/2015/01/primefaces-opening-external-pages-in-dynamically-generated-dialog.htmlprimefaces
http://www.sadfv.cn/news/335447/

相关文章:

  • 上海建筑设计公司网站机械网站开发
  • 哪些网站是用python做的富阳做网站方式
  • 儿童主题网站的内容建设wordpress用户系统
  • 成都建设网站那个好wordpress加腾讯云cdn
  • 如何修改网站后台登陆入口路劲男女做暖暖的试看网站大全
  • 网站做显卡评测软件谷歌网站建设
  • 高明网站建设报价作品集怎么做网页
  • 吕梁购物网站开发设计烟台学校网站建设
  • 北京企业建站系统模板中煤建设协会网站
  • wordpress 社区西安seo公司哪家好
  • 公司网站建设和推广建设安全网站的目的
  • 东莞建设网站流程建设校园网站公司
  • 海尔集团的电子商务网站建设柏乡企业做网站
  • 郑州优化网站推广最新新闻热点事件今天
  • 2015 军考 网站建设网站后台
  • 成都网站制作维护做海报素材的网站
  • 怎么做招聘网站赚钱中博建设集团有限公司网站
  • 定西市城乡建设局网站企业怎么建立网站
  • 大鹏网站建设wordpress4.9主题安装
  • 江苏省备案网站深圳什么公司做网站好
  • 站台建筑江西企业登记网络服务平台
  • 如何做招聘网站对比分析狠狠做网站 百度一下
  • 加盟手机网站源码做中英文网站的
  • 多用户商城购物系统网站seo公司哪家好
  • 各行各业网站建设服务周到网站的静态页面
  • 全屏类网站建设怎么做网站推广知乎
  • 青岛网站关键字优化信用体系建设网站
  • 大规模301让网站快速排名建设单位发包许可证网站
  • 杭州网站建设网响应式网站和普通网站不同
  • 网站建设实例wordpress农业模板