Tag: jsf

嵌入式JSF 2.0应用程序导航案例的问题

我正在研究JSF电子表单应用程序。 此应用程序需要嵌入另一个Web站点(一个用JSP编写)。 我可以嵌入这个的唯一方法是在文档准备阶段通过jQuery。 我已经拥有了所有需要嵌入的页面,所有内容都按预期显示,但有一个问题。 在我的新表单/编辑表单网页上,我有一个提交按钮,用于更新表单或在服务器端创建一个新表单,然后在操作完成后导航到成功的屏幕或故障屏幕。 嵌入此页面时,此按钮仍然在服务器上执行操作(太棒了!)但是,正如预期的那样,将页面重定向到成功屏幕。 我想要做的是留在“父”屏幕上,只需用成功页面/失败页面替换嵌入页面。 我认为我可以采取的方式是以某种方式拦截JSF中的导航事件并从该事件重新加载嵌入页面。 这里的关键是在提交后不离开父页面。 我在Tomcat 6上运行JSF2.0(Apache impl。),jQuery版本是1.3。 我希望这很清楚..如果你们需要更多信息,请告诉我。 谢谢!

JQuery没有应用于JSF动态UI组件

我在JSF数据表上应用JQuery时遇到问题。 我的代码是这样的: $(document).ready(function() { $(‘#example’).dataTable( { “aoColumns”: [ { “asSorting”: [ “asc” ] }, { “asSorting”: [ “asc” ] }, { “asSorting”: [ “desc”, “asc”, “asc” ] }, { “asSorting”: [ “desc” ] }, { “asSorting”: [ “asc” ] }, { “asSorting”: [ “asc” ] } ] } ); } ); XHTML 当它呈现: 现在我的问题是必须申请数据表的CSS没有得到应用。 我试过不同的符号仍然没有在Jquery中工作我尝试过: […]

如何从jQuery触发JSF渲染

是否有可能在jQuery中触发jsf ? 例如这样的事情: /* if component Y changes trigger render event on component Y */ $(“#source_compoment”).bind(“change”, function(e) { $(“#target_component”).trigger(“render”); }); 或者换句话说,jQuery中有“f:ajax render”的等价物吗?

重定向后不包括jquery(primefaces)

我是primefaces的新手,并试图用jsf实现一个简单的web应用程序。 在这个应用程序中,我有一个login.xhtml,用户可以输入名称和密码。 如果登录成功,我的LoginBean类会将他重定向到basicSites文件夹中名为index.xhtml的另一个页面。 在login.xhtml上一切正常,index.xhtml发生错误。 重定向到此站点后,我只看到一个白色站点,浏览器控制台告诉我有一个引用错误,因为没有定义jQuery。 我研究了许多其他有类似问题的文章,但我的问题仍然没有解决。 以下是一些代码片段,以便更好地理解。 login.xhtml Zugangsverwaltung | Login jQuery(document).ready(function () { jQuery(‘#logoutLink’).fadeOut(); }); function handleLoginRequest(xhr, status, args) { if(args.validationFailed || !args.loggedIn) { jQuery(‘#dialog’).effect(“shake”, { times:3 }, 100); } else { dlg.hide(); jQuery(‘#loginLink’).fadeOut(0); jQuery(‘#logoutLink’).fadeIn(); } } LoginBean.java public void login(ActionEvent actionEvent) { RequestContext context = RequestContext.getCurrentInstance(); FacesMessage msg = null; boolean loggedIn = […]

PrimeFaces和JQuery:资源排序

我有一个JQuery导入顺序的问题。 在头部我做: … 我的页面第一次加载一切似乎都是正确的,特别是jquery / jquery-plugins顺序: … 在页面上是按钮之类的 按下其中一个后,页面再次加载,并在JS-Console中出现错误 Uncaught ReferenceError: jQuery is not defined at tbmDisposition-aendernPF.jsf:3 VM219 jquery-plugins.js.jsf?ln=primefaces&v=6.0:5 Uncaught ReferenceError: jQuery is not defined at VM219 jquery-plugins.js.jsf?ln=primefaces&v=6.0:5 at VM219 jquery-plugins.js.jsf?ln=primefaces&v=6.0:5 当你看到生成的html时: … 您可以看到jquery-plugins 高于 jquery,导致所描述的错误。 当然,我在头部尝试了各种替代方案但没有成功,所以任何帮助都会受到赞赏。 版本信息 PrimeFacs:6.0 JSF:1.2_15-jbossorg-2 服务器:jboss-as-7.1.2.Final 问候凯 更新:调试HeadRenderer我发现HeadRenderer似乎根本不负责JQuery。 它必须与Widget的ResourceDependencies及其呈现方式有关。 有谁知道哪个渲染器可能负责ResourceDependencies? 更新2:此外我使用BootsFaces进行布局。 现在我了解到BootsFaces也有自己的JQuery和资源优化…… 更新3:在BootsFaces的ResourceFileComparator中,JS文件将被重命名为 if (name.contains(“jquery-ui”)) name = “2.js”; // make […]

使用jquery幻灯片,Ajax在JSF中无法正常工作

我有这个用JSF 2.0 facelets编写的应用程序,它有以下代码,它应该在jQuery幻灯片控制的区域中显示一些内容,这意味着你按下显示该区域的按钮并再次按下它来隐藏它 正如你所看到的那样,如果没有正确输入电子邮件,就会显示一条错误消息 ,正如我之前所说,这个区域是用jquery.slidetoggle函数和按钮控制的,这使得它成为一个输入内容的幻灯片, 问题是当使用按下提交按钮(此处未显示)时幻灯片冻结并且没有显示错误消息,当我删除“ajax”时,显示消息但幻灯片消失,您必须再次按下切换按钮看到带有错误消息的幻灯片,我已经在同一页面中完成了这个但没有幻灯片,它非常好。 是否有显示幻灯片和错误消息?

如何在jsf中使用jquery datepicker

我想使用jquery datepicker: http : //jqueryui.com/datepicker/ 但我不知道我需要什么,这是我的代码: $(“.datepicker”).datepicker({ showOn: “button”, buttonImage: “images/calendar.gif”, buttonImageOnly: true }); 我把我的日期戳的地方如下: 但现在,当我点击inputText时,不显示日期选择器。

未捕获的TypeError:对象#没有方法’对话’

下面是我的JSF代码和相应的HTML代码,它被转换成, /* */ HTML代码: No Thanks 当我点击“No Thanks”链接时,我在Java Script控制台中遇到exception。 Uncaught TypeError: Object # has no method ‘dialog’ 我的xhtml页面中也有以下代码, /* <![CDATA[ */ var $h=jQuery.noConflict(); function myFunction() { $h(document).ready(function() { $h("#myForm").attr("style", "display:block"); $h("#myForm").dialog({ open: function(event, ui) { jQuery('.ui-dialog-titlebar-close').removeClass("ui-dialog-titlebar-close").html('Close’); }, duration: 800, height: 300, minWidth: 300, width: 300, position: [490, 160], zIndex: 99999999, modal: true, show: { effect: […]

如何将焦点设置为下一个输入框onkeyup,如选项卡function

我正在动态创建输入框以捕获某个单词的输入(例如,HELLO表示’hello’)。 我希望在每个输入框中键入单个字符后将焦点设置到下一个输入框。 我该怎么做?

需要将jQueryvalidation插件与jsf集成

我一直在尝试使用带有jsf构建的表单的jQueryvalidation插件进行客户端validation。我需要客户端validation,这有助于减少服务器和浏览器之间的请求/响应往返次数,原因很明显。 我知道jsf“h:commandlink”标签不像常规提交按钮,就像“h:commandButton”,我已经成功地使用下面的代码进行JQuery表单validation: $(document).ready(function(){ $(“#form”).validate({ rules: { “form:staffno”: { required: true } } }); }); //renders a html submit button type 我从页面源代码中注意到h:commandLink使用某种javascript函数,所以我试着调整上面的内容以获得如下所示的相同效果: $(document).ready(function(){ $(“#form”).validate({ rules: { “form:staffno”: { required: true } } }); $(“#form\\:save”).click(function(){ if($(“#form”).valid()){ //cannot use regular $(“#form”).submitt() // really can’t figure what to use here } else{ return false; } }); }); 在我的调整狂欢中,我能够获得JQueryvalidation插件行为,但只是暂时,因为表单仍然被提交,即使该字段为空。 我有点想象两个onclicks被调用,一个在jquery中,另一个在jsf中。我仍然无法想象如何使它正确。 […]