JavaScript和JSF如何一起工作?

杰夫·莱文

此处的新开发人员-我对基本Java有了很好的了解,但对Javascript / jQuery和JSF 2.0的了解却很少(尽管有所了解)。

我已经看过以下问题/响应:Java中用于编程Web应用程序的不同技术如何协同工作?但我正在寻找更多有关这些技术如何相互作用的综合视图。

我目前正在对现有应用程序进行UI重写。我的大部分工作是使用.xhtml文件中的JSF / Primefaces,尽管有些支持Bean和Javascript函数的工作。尤其是,如果有人可以给出一个或两个示例,说明如何从JSF访问Javascript以及为什么访问Javascript(以及为什么要在Java上使用Javascript),那就太好了。

丹尼尔

JSF页面(.xhtml)主要使用JSF标记,这些标记可以通过各种属性绑定到您的JAVA代码(托管Bean),最终所有这些JSF标记都将转换为简单的HTML标记(只需查看视图并检查最终结果即可) 。

现在到js / jQuery,在页面加载(页面加载/ jQuery准备就绪)之后,您可以使用可在页面加载/就绪等执行的js代码来操作html页面(UI)...单击页面中的某些元素。

除其他外,您可以通过执行诸如JSF元素的id$('#someId').click();在哪里之类的操作来触发js / jQuery的someIdJSF

<h:commandButton id="someId"
            action="#{myBean.myAction}">
            <f:ajax execute="@form" render="@form"></f:ajax>
        </h:commandButton>

请记住,最终所有JSF元素/ PrimeFaces元素都被转换为简单的HTML元素(在Primefaces中,相关的js代码已包含在您的页面中,以使其UI元素起作用)

而已...


JSF确实具有用于调用js代码的钩子,它通常与调用ajax一起完成,例如,您可以在ajax开始之前显示加载div,在ajax结束之后隐藏它(Google关于jsf ajax begin complete success

从js调用JSF操作-例如,如果您有一些包含一些数据的jQuery插件,并且想要提交给托管Bean-在这种情况下,您可以将所有插件数据(某些JSON)放入隐藏的文本输入中,然后执行火灾一个执行该json到您服务器的jsf ajax调用),

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何使Webpack和Node一起工作?

来自分类Dev

如何配置Spring和Angular一起工作

来自分类Dev

Jruby和OSGi-如何一起工作?

来自分类Dev

如何让Cabal和Nix一起工作

来自分类Dev

如何使onDragListener和onTouchListener一起工作?

来自分类Dev

如何使Webpack和Node一起工作?

来自分类Dev

如何使Reader和ReaderT一起工作

来自分类Dev

如何使Apache POI和JAXB一起工作?

来自分类Dev

如何使Tkinter和Selenium一起工作

来自分类Dev

Jruby和OSGi-如何一起工作?

来自分类Dev

如何使onDragListener和onTouchListener一起工作?

来自分类Dev

如何让Picasso和OkHttp一起工作?

来自分类Dev

如何使[AllowHtml]和[CaptchaVerify]一起工作?

来自分类Dev

如何使Java代理和反射一起工作?

来自分类Dev

$ mdDialog如何与promise和$ scope一起工作?

来自分类Dev

如何使Apache POI和JAXB一起工作?

来自分类Dev

如何使$ q和$ http一起工作?

来自分类Dev

如何使 DateTime 和“SetWallpaperAsync”一起工作?

来自分类Dev

JavaScript与警报一起工作,而不是与警报一起工作

来自分类Dev

Auth如何在Django和Discourse之间工作(一起工作)

来自分类Dev

使GWT和REST一起工作

来自分类Dev

让Realm和GSON一起工作

来自分类Dev

获得cmake和自酿啤酒一起工作

来自分类Dev

sinatra和tweetstream不会一起工作

来自分类Dev

GTK和INotify不能一起工作

来自分类Dev

使delimitMate和xmledit一起工作

来自分类Dev

slideToggle和toggleClass一起工作吗?

来自分类Dev

使Composer和Git一起工作

来自分类Dev

Mongodb:$ exists和$ ne不能一起工作