Tag: primefaces

为p:pickList构建客户端传输方法

我正在使用Mojarra JSF 2.1.28和Primefaces 3.5。 我想为p:pickList组件实现客户端传输输入,其中用户键入内容并通过可用元素列表中的标签搜索值,然后将其传输到目标列表。 这就是我的代码的样子: //Just for testing, transfer the second element //to the target list when document is ready. Works well $(document).ready(function(string) { transfer(“name2”); }); //Transfer function. It takes each list item from the source list and checks if it matches with the given pattern //If it does, moves it to the target […]

使用JQuery为Primefaces DataList Children分配函数

我正在尝试在Primefaces中创建一个jquery ui sortable并将我的html / jquery示例转换为primefaces jquery。 我正在尝试将sortable()函数添加到dataList中的每个元素。 关于如何应用sortable()的任何想法(此函数在外部库中)。 Html示例: $(function() { $( “#sortable” ).sortable(/*{placeholder: “ui-state-highlight”}*/); $( “#sortable” ).disableSelection(); }); TitleStuff Stuff Stuff TitleStuff Stuff Stuff TitleStuff Stuff Stuff TitleStuff Stuff Stuff TitleStuff Stuff Stuff TitleStuff Stuff Stuff TitleStuff Stuff Stuff TitleStuff Stuff Stuff TitleStuff Stuff Stuff TitleStuff Stuff Stuff 主要尝试: $ = jQuery $(function() { […]

使用RadioButton单击扩展PrimeFaces中的Accordion面板

下面是我想要实现的布局的快照。 我有两个问题/问题: 现在,页面加载所有的手风琴面板打开。 我希望它最初处于关闭状态(如选项1)。 单击选项卡附近的单选按钮,选项卡应展开。 如果我单击另一个单选按钮,则与单选按钮关联的新选项卡应该展开,另一个应该关闭。 我们如何做到这一点? 我没有看到任何切换function或任何与PrimeFaces手风琴相关的function。 只有widgetVar.show()函数,但它没有帮助我。

可以拖动Primefaces Inputfield吗?

可以拖动一个primefaces输入字段或其他人吗? 在primefaces网站上,只有可以拖动的面板。 我的代码如下所示: 的script.js var xPos; var yPos; $(document).ready(function() { $(‘#textfeld’).draggable({ drag : function() { var offset = $(this).offset(); // Getting the values from the drag item into variables xPos = offset.left; yPos = offset.top; // Setting the text to the drag item // $(‘#posX’).text(‘x: ‘ + xPos); // $(‘#posY’).text(‘y: ‘ + yPos); document.getElementById(‘myForm:x’).value = […]

计算p:inputTextarea中使用的字符而不是剩余的字符数

我之前发布了类似的问题,但我正在寻找一种不同的方法。 我有一个inputTextArea,我需要限制可以输入的字符数量以及显示使用的字符数量(例如:“31/50字符使用”)。 目前,我只是使用inputTextArea的属性来执行此操作,但是,这样,我只能计算剩余的字符数。 下面是inputTextArea的图片以及执行此操作的代码。 字符剩余计数器 我想知道是否有办法修改它,以便显示使用的字符。 计数器模板中的{0}是表示剩余字符数的数字。 如果有人知道我可以使用{0}调用java方法的方法,我会很高兴。 无论哪种方式,让我知道你认为最好的方法。 我试图避免使用jQuery的任何javascript。 我试过这样的事情: 当我尝试这个时,我得到了一个错误,就是“El Expression is unbalanced”

混合Primefaces 3.5和Richfaces 4.3,捆绑的jQuery会发生冲突吗?

我正在开发一个JSF项目,我必须在其中集成两个组件库。 在最后的版本中,主要问题是jQuery中的jquery.js版本和extras实现。 我看过PrimeFaces和RichFaces库的新版本,我注意到它们都有相同的jquery.js版本。 我可以同时使用两者而不会发生冲突

Primefaces,如何使用一些脚本或jquery函数折叠layoutUnit

我有两个按钮需要执行p:layoutUnit分别折叠和展开。 我试过onclick =“layoutWdgt.toggle(’west’)” ,但它切换了p:layoutUnit。 我需要的是两个不同的函数,一个展开,另一个展开p:layoutUnit。 我想在客户端而不是服务器端执行此操作,因此我不想使用折叠事件。 我正在使用primefaces 3.3.3。 谢谢。

JSF + jQuery:如何实现StackOverFlow可折叠评论框

我正在创建一个Comment-Reply系统,类似于stackoverflow,我想知道如何使用JSF + jQuery实现它。 我有一个dataTable,每行都有一个链接和一个textBox, 一旦我点击一个链接,只显示同一行上的文本框,并将焦点放在该文本框上。 我的主要障碍是,普通的jQuery用户会这样做:假设链接id是foo然后 $(‘#foo’).click(function(){ //Make the box with id `reply` appear and put focus on it }); 但由于每行都有一个文本框调用reply ,所以在reply之前会有prependId和foo这样的userComment:1:foo或userComment:1:reply 。 因此$(‘#foo’)和$(‘#reply’)不起作用

如果在主面数据表中添加新行,如何检测表单中的更改

我要求在页面加载时禁用页面中的保存和取消按钮。 如果用户更改了页面中的内容,我应该启用保存和取消按钮。 为此,我正在使用 http://plugins.jquery.com/are-you-sure/ 这个插件工作正常,但需要在许多场景中进行自定义,如下所示 我有一个像项目组的页面,它由三个面板组成。 LeftPanel:系统中项目组的列表 CenterPanel:分配给所选项目组的项目列表 RightPanel:要分配给项目组的项目列表 现在假设我有一个数据表 要将项目分配给项目组,我将在右侧面板中选择项目,然后单击“分配”按钮,该按钮将添加到listOfItems以显示在中心面板中 listOfItems.addAll(selectedItems); 我正在调用插件中定义的重新扫描方法on assign按钮oncomplete来检测更改并跟踪添加的新记录,因为我想考虑添加或删除字段也是一个更改。 现在在页面加载如果选择了一个项目组并且它分配了13个项目,那么我可以看到第一页有10个记录。 如果添加了任何项目,则它们将添加到后端列表的列表中。 由于我在第一页并且页面有完整的行插件无法在表单中找到任何更改。 如何在此方案中查找更改。

重定向后不包括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 = […]