个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
26
4
我的自动完成有问题(错误？)。
MyFaces 2.2.9 与 PrimeFaces 5.1
下面这只是一个重现我的错误的例子。我的模态对话框中有一个自动完成框。
案例 3 的更多内容:我尝试用更多的细节来解释它(见评论):我在我的自动完成框中键入一些内容，其中包含一个字符串，它在我的框中。 
比我点击我的模式区域。 (不!直接在可选的你好上)。比起打招呼似乎也可以接受。
现在我点击我的测试按钮并在我的转换器中.只有字符串。
我的预期行为应该是出现我的 ID。 id 只有在我使用正常选择时才会出现。
希望你能帮助我。感谢您的宝贵时间:)
问题:这是一个错误还是我的误解？
XHTML:
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://xmlns.jcp.org/jsf/html"
xmlns:f="http://xmlns.jcp.org/jsf/core"
xmlns:p="http://primefaces.org/ui">
<h:head>
<title>test</title>
</h:head>
<h:body>
<h:form onkeypress="return event.keyCode != 13">
<p:commandButton value="show Dialog"
oncomplete="PF('dgl').show()"
update=":dglform"/>
</h:form>
<p:dialog widgetVar="dgl" modal="true" resizable="false">
<h:form id="dglform" onkeypress="return event.keyCode != 13">
<p:autoComplete id="auto"
forceSelection="true"
converter="personConverter"
value="#{myController.selectedPerson}"
var="per"
itemLabel="#{per.name}"
itemValue="#{per}"
completeMethod="#{myController.search}">
</p:autoComplete>
<p:commandButton value="test" update="@form" />
</h:form>
</p:dialog>
</h:body>
</html>
转换器:
@FacesConverter("personConverter")
public class PersonConverter implements Converter{
@Override
public Object getAsObject(FacesContext arg0, UIComponent arg1, String arg2) {
System.out.println(arg2);
//Search my entity with id...
return null;
}
@Override
public String getAsString(FacesContext arg0, UIComponent arg1, Object arg2) {
if(arg2 instanceof Person){
Person p = (Person) arg2;
return String.valueOf(p.getId());
}
return null;
}
}
Controller :
@ManagedBean
@ViewScoped
public final class MyController implements Serializable {
private static final long serialVersionUID = 1L;
private Person selectedPerson;
private List<Person> persons;
@PostConstruct
public void init() {
persons = new ArrayList<Person>();
persons.add(new Person(1, "hello"));
persons.add(new Person(2, "hello2"));
}
public void selectListener(SelectEvent event){
System.out.println("SELECT!");
}
public Person getSelectedPerson() {
return selectedPerson;
}
public void setSelectedPerson(Person selectedPerson) {
this.selectedPerson = selectedPerson;
}
public List<Person> search(String qry) {
return persons;
}
}
最佳答案
这不一定是 PrimeFaces 中的错误，但可能是对案例 forceSelection="true" 的疏忽用来。您可能希望此处的行为与在输入中按 Tab 键时相同。
您最好将其报告为 issue给 PF 们。同时，假设 PrimeFaces 5.1，您可以自己解决这个问题:
复制一份raw source code原件 autocomplete.js 作为/resources/primefaces/autocomplete/autocomplete.js在您的网络应用中。
前往 line 170 .这是处理自动完成面板的隐藏事件的地方。
在第 181 行，第二个和第三个之间 if block ，插入以下代码:
if ($this.cfg.forceSelection) {
$this.items.filter('.ui-state-highlight').click();
}
这将强制在 forceSelection="true" 时自动选择突出显示的项目。被使用。
加载定制的autocomplete.js在你的 <h:body> 之上(不是 <h:head> !)如下:
<h:outputScript library="primefaces" name="autocomplete/autocomplete.js" target="head" />
这确实有些麻烦，但是由于这些函数是私有(private)的，所以不能轻易地从外部覆盖它们。附加另一个监听器也不起作用，因为它明确地执行 $.off()在任何以前的听众上。
关于javascript - 强制选择突出显示的 p :autoComplete item when panel is hidden by clicking outside，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/29474817/
26
4
0
将 .off 与 .click 结合使用有何用途或区别？ $('#link').off('click').on('click',function(){}); 对比 $('#link').on('cli
我正在学习 javascript，并且我见过不止一种注册点击事件的方法: $(DOMelement).click(function() {}); $(DOMelement).on('click',fu
我习惯使用.click()和delegate('click') ，所以当我读到这两个在 jQuery 的最新版本中都被弃用时，我想我应该读一下它，但我有点摸不着头脑。 文档 here似乎表明这是 .l
我已经使用它们很长一段时间了，但大多数时候，我更喜欢较短的，但是，我只是想真正深入了解本质细节。我可能一直在创建有错误的代码，并且我不想在网络上贡献和传播懒惰完成的代码。 所以，告诉我: What a
我想实现类似在 Android 上点击 Instagram 中的帖子的功能(我认为在 iOS 上应该是相同的功能)。在 Instagram 中，如果有人点击照片，它会打开，双击，它会被喜欢，然后单击并
我的点击事件有问题。它运行 1 次。示例: 我有 3 页(1 2 3)。当我点击 2 时它起作用了。然后在第 3 页，它又可以工作了。但我再次点击 2 不起作用。该事件未触发。 $("div .top
我正在尝试这样做。在 jsfiddle 中:http://jsfiddle.net/QGGhW/2/ 但是在我点击 not now 之后，下一个文本输入就不再可点击了。 我该怎么做？是否有类似 .on
我想知道是否有任何情况下使用 .click(function {...}); 而不是 .live('click', function { ...});? 据我所知，实时选项似乎是一个更好的选择，因此我
我正在尝试在 Accordion 内部创建一个 Accordion ......并且我有点挣扎。 本质上，我有一个 div .applicant，单击它会添加一个 .expand 类，它将高度设置为
我可以使用一些帮助来调试这个: var factBody = jQuery(".fact__body"); jQuery(".fact").on("click", function() { j
如果我有一个用于 clicked 类的监听器，以及另一个用于 click-option-1、click-option-2 类的监听器，以及click-option-3，如何在我的 clicked 事件
下面的代码有什么区别吗？ $('#whatever').on('click', function() { /* your code here */ }); 和 $('#whatever').
关闭。这个问题是opinion-based 。目前不接受答案。 想要改进这个问题吗？更新问题，以便 editing this post 可以用事实和引文来回答它。 . 已关闭 9 年前。 Improv
我不擅长 UI 设计，所以我使用 bootstrap 和 jquery 来帮助我一点。我正在尝试将 jQuery 事件绑定(bind)到导航栏，因此当用户单击导航栏上的 p 标签时，它应该触发单击事件
问题是，当我单击 delaccbut 按钮时，单击功能起作用并显示消息，但是当我单击 confdel 或 redel 按钮来自 click 函数，它不...为什么？ HTML: Delete my
我想要完成的是“类似”的东西 $("button .toggleExcerpt) .toggle( function FIRST() { do first function..
function show1(){ $("#btn").click(show2()); window.alert(
我不明白为什么这不起作用。当我单击具有该类名的复选框时，clickId 被赋予值access-toggle-all，所以这没有意义(至少对我来说).. $(document).ready(functi
我有一个关于 click() 的复杂问题。我有 4 个按钮，分别命名为功能 1、功能 2、方法 1 和方法 2。 Function 1 Function 2 Method 1 Method 2 当单
最后，我认为这不是我特别需要解决的问题，但我不明白为什么会这样，这让我很困扰。 基本上，我有一些复选框，我只希望用户能够选择其中的一定数量。我正在使用下面的代码来实现该效果。 $j( function
我是一名优秀的程序员,十分优秀！