Tag: primefaces

使用JavaScript获取widgetVar或选中/取消选中所有其他PrimeFaces复选框: 我在页面上有几个PrimeFaces复选框。如果单击主复选框，则应选中/取消选中所有其他复选框。使用纯HTML复选框，这将是一个简单的问题。但由于PrimeFaces不显示复选框本身，而是显示图像，因此以下JavaScript代码不起作用： $(document).ready(function() { var masterCheckbox = $(“.ui-chkbox.master :checkbox”); var slaveCheckboxes = $(“.ui-chkbox:not(.master) :checkbox”); updateMaster(); masterCheckbox.change(updateSlaves); slaveCheckboxes.change(updateMaster); function updateMaster() { var allSlavesChecked = true; slaveCheckboxes.each(function() { if (!$(this).is(‘:checked’)) { allSlavesChecked = false; } }); masterCheckbox.attr(“checked”, allSlavesChecked); } function updateSlaves() { var masterChecked = masterCheckbox.is(“:checked”); slaveCheckboxes.each(function() { $(this).attr(“checked”, masterChecked); }); } }); 我知道我可以使用PrimeFaces widgetVar切换复选框，但我不知道如何使用JavaScript获取PrimeFaces小部件对象。 […]

InputText组件中的默认文本（占位符）: 我想在JSF / Primefaces inputText组件中显示默认的信息性文本。当用户单击“文本”字段时，此文本应消失。当他在没有打字的情况下点击外面时出现。如果用户提交的表单没有任何值，则不应将此默认值设置为Bean的属性。我知道在ManagedBean中将默认值设置为BeanProperty会有效，但我不希望这样。如果可能的话，请建议任何JQuery调整。如果此问题是重复，请将我重定向到问题。

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组件选中一些复选框中的所有复选框。我的代码是这样的：我尝试使用此处发布的代码，但只有在页面上只有一组复选框时它才有效。

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完全愚蠢谢谢

从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}

如何解决与primefaces jquery的冲突: 我正在开发一个带有primefaces 5的项目，一个页面使用需要jquery的js文件，但是显示Uncaught TypeError: undefined is not a function ，但当我从更改我的jquery源代码时到工作正常，但我失去了许多主要function，如contexMenu 我该如何解决这个冲突？这是我的javascript文件： (function($, $S) { //$ jQuery //$S window.localStorage //Variables Declaration var $board = $(‘#notesForm\\:board’), //Board where the Posticks are sticked Postick, //Singleton Object containing the Functions to work with the LocalStorage len = 0, //Length of Objects in the LocalStorage currentNotes = ”, //Storage […]

如何使用JQuery动态添加Primefaces输入字段: 我正在尝试从Primefaces动态添加标签和文本字段到我的网页。我想使用JQuery。到目前为止，我只使用Primefaces实现了相同的任务，并且它运行得很好但是我想要避免一些行为。 $(document).ready(function() { var counter = 2; $(“#addButton”).click(function(){ var newTextBoxDiv = $(document.createElement(‘div’)).attr(“id”,’TextBoxDiv’ + counter); <!– This line causes trouble. If I use it nothing is rendered on page. If I use the page is rendered but the functionality does not work –> newTextBoxDiv.html(“”); newTextBoxDiv.appendTo(“#TextBoxesGroup”); counter++; }); }); 我会很感激关于这个主题的教程的一些提示，或者我的代码中是否是一个简单的错误。这个问题的解决方案。先感谢您：）