Tag: jsf

Primefaces文件上传,在页面中的任何位置删除p:fileUpload之外的文件

在primefaces文件上传中,FileUpload组件本身就是放置区。 我想创建多个dropzones,例如,如果用户在任何其他div或表上删除文件,Primefaces文件上传组件应该选择它。 我试图为primefaces上传组件手动触发drop事件,但这不起作用。 请帮我解决一下这个。 提前致谢! 这是我试过的, $(‘.otherdropzone’).on( ‘dragover’, function(e) { e.preventDefault(); } ); $(‘.otherdropzone’).on( ‘dragenter’, function(e) { e.preventDefault(); } ); $(“.otherdropzone”).on(‘drop’, function(e){ e.preventDefault(); $(“.fileupload-content”).trigger(‘drop’,e); // Primefaces dropzone cssclass }); 通过更改Primefaces的触发器和drop zone类的参数(如.files和.ui-fileupload)来执行类似的其他操作

使用动态ID选择Multiple SelectManyCheckBox中的所有项目

我想在JSF顶部使用PrimeFaces组件选中一些复选框中的所有复选框。 我的代码是这样的: 我尝试使用此处发布的代码,但只有在页面上只有一组复选框时它才有效。

如何使用JQuery获取值

如何使用Jquery或javascript获取选择组件值 MyJSF代码如下 请帮我解决这个问题

MonkeyPatching:PrimeFaces小部件扩展/覆盖

我正在使用(它工作正常) PrimeFaces.widget.OverlayPanel.prototype._old_init = PrimeFaces.widget.OverlayPanel.prototype.init; PrimeFaces.widget.OverlayPanel.prototype.init = function(cfg) { this._old_init(cfg); this.align(); } 但是我想使用更具可读性的东西和’jQuery-ish’这样完全发明不切实际的代码: PrimeFaces.widget.OverlayPanel.patch( { init: function(cfg) { super.init(cfg); this.align(); }, show: function() { console.log(‘blah blah blah’); super.show(); } }); 我尝试了PrimeFaces.widget.Xxx.extend({…})但在这种情况下,我无法访问super方法。 请记住,我对Javascript完全愚蠢 谢谢

JSF和Jquery AJAX – 我如何让它们一起工作?

我刚刚开始使用JSF,看起来很棒,但我似乎无法弄清楚这最后的障碍。 我习惯了传统的Jquery AJAXfunction,这在我的书中很完美。 但我希望找到一种方法让它与JSF协调工作。 这是一个解释我的情况的场景。 我的网站上有一个消息页面,用户可以在其中发送消息。 所以在我的xhtml页面中,我有一些看起来像这样的东西: 效果很好。 用户可以发布他们的消息并将其加载到上面的对话div中。 但现在我需要添加一些function。 – 当用户单击时,应禁用按钮和textarea以避免交互,直到操作完成。 并且应该出现一个加载器 – 当JSF完成它的东西时,textarea和按钮应该被启用并且加载器应该消失…并且焦点返回到textarea。 在Jquery中我会做这样的事情: $.ajax{ beforeSend: function (){ // Disable textarea and button, show loader }, complete: function () { // Do the inverse of above } } 谢谢您的帮助!

从p:remoteCommand的oncomplete处理程序调用JavaScript函数 – 使用一些JavaScript代码模拟相同的函数

注意:虽然这个问题涵盖了大量Java代码片段的长文本信息,但它只是针对JavaScript / jQuery和一些PrimeFaces的东西(只是 ),如开头的介绍部分所述。 我收到来自WebSockets(Java EE 7 / JSR 356 WebSocket API)的JSON消息,如下所示。 if (window.WebSocket) { var ws = new WebSocket(“wss://localhost:8181/ContextPath/AdminPush”); ws.onmessage = function (event) { jsonMsg=event.data; var json = JSON.parse(jsonMsg); var msg=json[“jsonMessage”]; if (window[msg]) { window[msg](); //It is literally interpreted as a function – updateModel(); } }; } 在上面的代码中, event.data包含一个JSON字符串{“jsonMessage”:”updateModel”} 。 因此, msg将包含一个字符串值,即updateModel 。 在以下代码段中, […]

Primefaces,JavaScript和JSF不能很好地协同工作,或者我做错了什么

这是如此简单的事情 当您单击Tom时,文本框将获得焦点。 很好,现在尝试这个 当我点击什么都没发生时,我查看了萤火虫,我明白了 document.getElementById(“tom”) is null 当我尝试使用jQuery $(‘#tom’).focus() ,没有任何事情发生,没有错误,但也没有得到焦点。 当我从firebug看到时,这是response (不确定这是否是来自服务器的响应) {“validationFailed”:false}

如何在输入时将输入更改为大写

我正在使用onkeyup=”this.value=this.value.toUpperCase();” 以大写forms更改输入文本值。 这是有效的,但我需要在不使用鼠标事件的情况下更改输入框中的单个字母。 如果我使用左箭头键向后移动光标onkeyup事件被触发并且光标移动到结束。 如何修改此脚本,以便我可以使用箭头键向后导航并在其间的某处修改文本 目前的代码看起来像这样……

Javascript无法通过调用其id来访问JSF组件

我正在尝试使用以下代码来通过引用其ID来访问Javascript中的JSF组件。 但这失败了。 JSF组件: Javascript代码: function calculatePosition(idOfClicked){ alert(idOfClicked); var $element = jQuery(‘#’+idOfClicked); var offset = $element.offset(); alert(offset.top); } 第一个警报工作正在推迟元素的正确id,从而certificate调用了JS函数并且已经传递了正确的id,但是它无法显示第二个警报。 只有当JSF组件的id传递给此JavaScript函数但对非JSF组件才能正常工作时,才会发生这种情况。 如何使其正常工作?

如何在JSF中创建选项列表? 尝试使用JS / jQuery移动项目,但提交错误“validation错误:值无效”

我正在使用JSF 2.0创建Web应用程序,我将分配用户来查看项目。 为此我有两个清单。 具有未分配该项目的用户的第一个列表和列表B具有已分配该项目的用户。 我们可以交换数据。 我的代码是 > ” id=”dbleMeRight”/> 其中t是xmlns:t=”http://myfaces.apache.org/tomahawk” 。 PersonalInformationDataBean.java private List listOfUsers = new ArrayList(); private List listOfUsers002 = new ArrayList(); private List listOfListUsers = new ArrayList(); private List listOfListUsers002 = new ArrayList(); // above getter and setters Iterator itr = listOfUsers.iterator(); System.out.println(“list of usersssss == ” + listOfUsers); while (itr.hasNext()) { […]