Tag: primefaces

如何在jquery中获取的值？: 您好我试图从jquery获取p：selectOneMenu的值，但我还是得到了。我使用JSF和primefaces作为我的UI组件。在Html中 Select Other Tailoring Swimming Roaming 那是我选择的一个菜单，我的js是.. var $element = $(‘.someClassName’); alert($element); 在警报框中我得到了[object Object]，但没有选中的值。然后我试过这个， var $element = $(‘.someClassName’).val(); alert($element); 但现在我有一个空警报框。然后我试了这个 var $element = $(“select[name=’skill_input’]:selected”).val(); alert($element); 我的警报框说未定义我应该怎么做才能在该警报框中获取所选值.. ??

在嵌套的dataTable中拖放: 我正在使用primeface 4.0。 primeface 展示仅显示如何将draggable到droppable 。但是，从来没有提到过如何拖拽那个draggable拖车。我想创建一个dataTable：每个td都有一个droppable放置的面板，可以将多个draggable面板拉入和拉出。这个dataTable的“保存数据”的后bean对象，我假设如果dataTable是2 * 2，则后端bean中将有4个List，每个都存储相应droppable区域的draggable对象列表。有点像p:schedule的简单版本，允许事件在单元格之间拖放。我的努力：我设法使一些function工作，就像拖入一个droppable 但我不能删除拖动的draggable因为p:draggable没有ajax事件drag将数据传递给后端bean，因为我在p:droppable drop事件。（有一种方法可以使用JQuery draggable event start和stop将col和row num传递给后面的bean，但我不确定这是一个好方法去）我不认为我的实现是正确的方法，因为有一些奇怪的错误，有时我从ddEvent.getData()获得的拖动对象不正确。（我猜它与p:droppable的唯一dataSource有关。问题1469 ）更新：我认为主要问题是p:droppable只绑定一个数据源，所以ddEvent.getData()总是从绑定数据源获取’对象’，我的问题是我有多个可放置区域，每个都需要绑定多个数据源。。太糟糕了我无法发布截图… 这是我的代码：xthml：Shifts … 回豆： public List getDailyShift(String eid, Date date) { return this.tmpSchedule.getShifts(eid).get(date); } public void onShiftDrop(DragDropEvent ddEvent) { ShiftDto shift = ((ShiftDto) ddEvent.getData()); Date weekday […]

未捕获的SyntaxError：意外的令牌e: 我新收到Uncaught Syntax Error，唯一的补充就是从服务器向客户端发送/检索json数据。如何调查它是什么？以下是截图有时我在谷歌浏览器中遇到以下错误。下面是我们在收到此错误之前最近更新到我的代码的详细信息。 Java脚本 // Post the topic in the post section function updatePost(xhr, status,jsonData){ var args = $.parseJSON(jsonData); 在发送到客户端之前从服务器日志打印的数据 10:20:15,101 INFO [stdout] (http–127.0.0.1-8080-14) Printing json data { 10:20:15,102 INFO [stdout] (http–127.0.0.1-8080-14) “topic_username” : “srikanth marni”, 10:20:15,102 INFO [stdout] (http–127.0.0.1-8080-14) “topic_lstUpdate” : “2012-09-06 10:20:15.025”, 10:20:15,103 INFO [stdout] (http–127.0.0.1-8080-14) “topic_body” : “Whats […]

从p：inputText javascript获取值文本: 我正在尝试一些简单的东西，只是为了获得p:inputText的文本值，我认为Javascript，但我没有得到它。也许这是与Primefaces不同的程序，因为如果我不使用它，我不会遇到问题。我的代码： function loadPlayer() { alert(youtlink.text); } 我也试过JQuery但也没有成功。渲染视图：

Primefaces仅更新选定的选项卡: 我有一种情况，我想在触发“选择”事件时更新页面上的多个组件。但是，其中两个位置位于tabView中，我只想更新这些组件，如果它们位于当前选定的选项卡中。我怀疑我正在寻找的是这样的…… <p:ajax event="select" update="@( .ui-tabs-selected)” listener=”#{treeSelectionView.onNodeSelect}” /> 但我不确定。我尝试的另一种策略是使tabView dynamic =“true”，但是当我从p：ajax标签调用更新时，即使未选中选项卡，它也会拉取数据。 🙁 我是Primefaces的新手，并且喜欢到目前为止我所见过的东西。这似乎不应该太难，但我不知何故错过了这个标记。此外，我很难找到有助于我的文档或示例。希望我只是在错误的地方寻找。 🙂 提前致谢。

Primefaces：所有ajax请求的默认oncomplete方法: 我正在尝试为所有ajax请求配置一个oncomplete方法，以便我可以处理会话超时。我尝试添加以下脚本但它的工作方式与为p：ajax元素设置oncomplete属性的方式不同。每次发出Ajax请求时都不会执行。 $.ajaxSetup({method: post, complete: function(xhr, status, args){ var xdoc = xhr.responseXML; if(xdoc == null){ return; } errorNodes = xdoc.getElementsByTagName(‘error-name’); if (errorNodes.length == 0) { return; } errorName = errorNodes[0].childNodes[0].nodeValue; errorValueNode = xmlDoc.getElementsByTagName(‘error-message’); errorValue = errorValueNode[0].childNodes[0].nodeValue; alert(errorValue); document.location.href=’${pageContext.request.contextPath}/login/login.jsf’; } }); 任何帮助，将不胜感激

Jquery Onchange事件没有被触发 – Primefaces – inputText: 未调用以下事件： $(“#inputTxt”).change(function() { alert(“changed”); }); inputTxt的代码如下： coloumn“articleDescription”在名为“articlesInformation”的数据表中定义，该数据表放在表单“articleForm”上。在检查元素时，我发现inputText的id变为 – “articlesInformation：0：inputTxt”。可能这就是问题所在。查看页面信息说： PrimeFaces.cw(‘InputText’,’widget_articlesInformation_0_inputTxt’ {id:’articlesInformation:0:inputTxt’}); 如何为primefaces组件定义jquery？谢谢，Shikha

如何使用闭包在PrimeFaces中的CommandButton上定义一个oncomplete事件？: 我正在使用一些JavaScript交互扩展PrimeFaces应用程序的一部分。这一切都始于CommandButton ，它从bean获取一些数据并调用JavaScript。目前，它看起来像这样：当然，这是非常简单的基于function的编程。没有上下文，没有闭包，没有OOP（如果我需要一些）。我想将一个普通的JavaScript事件附加到CommandButton ，例如使用jQuery： $(‘.myCommandButton’).on(‘complete’, function () { … }) 但是， complete不是DOM事件，基本上只有PrimeFaces知道它何时被调用。是否还有一种方法可以将基于属性的脚本替换为“普通”JavaScript事件处理？

Primefaces datatable roweditor：只允许一行编辑: 我正在使用JSF 2.1.6和Primefaces 3.4.1，我有一个问题。我有一个带行编辑器的可编辑数据表。您可以单击每行的铅笔按钮，该行将是可编辑的。但默认情况下，可以单击许多铅笔按钮，因此可以编辑许多行。但我想在编辑模式中只有一行。这是我的代码示例： … … 我已将行编辑器组件封装在命令链接组件中，因为现在我可以在单击行编辑器时添加Javascript代码。我已经尝试将此Javascript代码添加到commandLink： onclick=”$(‘.myTableStyle tbody.ui-datatable-data tr td span.ui-row-editor span.ui-icon-cancel’).click()” 但这会产生如此多的递归而不起作用。行编辑器有三个跨区链接：一个用于打开编辑模式（ui-icon-pencil），另一个用于保存版本（ui-icon-check），另一个用于取消版本（ui-icon-close）。 Ther是用于保存（rowEdit）的ajax事件，以及用于取消的其他事件（rowEditCancel）。未激活编辑模式的文件，行编辑器跨越如下：和编辑模式被激活的文件行编辑器跨越如下：那么，如何仅单击激活编辑模式的行？或者有一个函数或属性只允许编辑模式中的一行？我可以单击jQuery，当跨度显示为内联时，使用图标ui-icon-close，而不显示其他没有显示的跨度吗？更新：我找到的解决方案我刚刚找到了一个自制的解决方案。这是：我在链接中添加了一个onstart函数，但这会产生性能问题：它既可以保存，也可以编辑和取消。而且我也改变了添加行按钮的oncompletefunction。 … … 更新-2：最后我找到了性能问题的解决方案。我的问题是在单击编辑，保存和取消行版时调用了Javascript操作。为了防止这种情况，我将onstart函数更改为onclick函数，该函数仅在单击编辑行按钮（铅笔图标）时将其他行更改为不可编辑。为此，我使用event.target来了解点击的元素。作为行编辑，行编辑保存和行编辑取消按钮具有不同的类（ui-icon-pencil，ui-icon-check和ui-icon-close），您可以区分按下的按钮。所以这是替换onstart函数的函数： onclick=”$(if($(event.target).hasClass(‘ui-icon-pencil’)) {‘.myTableStyle tbody.ui-datatable-data tr td .ui-cell-editor-input’).hide(); $(‘.myTableStyle tbody.ui-datatable-data tr td .ui-cell-editor-output’).show(); $(‘.myTableStyle tbody.ui-datatable-data tr td span.ui-row-editor span.ui-icon-pencil’).show(); […]

当我点击p：selectBooleanCheckbox时，它可以工作，但是对于第二次点击它不起作用，为什么？: 我的xhtml页面中有一个“ p:selectBooleanCheckbox ”。我已插入此代码selected=”true”以使其默认选中。因此当我运行页面时，第一次点击它就会“取消选中”，但从那时起我点击它仍然未经检查，它不会改变。所以要重新设置=>我的p：selectBooleanCheckbox只需点击一次，当我点击它时，它不会改变（它仍然没有被修改）这是我的xhtml页面中的代码：我正在使用eclipse sts，我在InternetExplorer上运行我的应用程序。