Primefaces 保存p:使用enter键替换
我已经添加了primefaces inputtext with in place,通过双击ready only文本,可以同时拥有只读和编辑文本。只有在编辑器模式下单击勾号图标时,inplace事件才会触发ajax侦听器 我在下面的链接中使用了primefaces showcase中的这一点作为参考Primefaces 保存p:使用enter键替换,primefaces,Primefaces,我已经添加了primefaces inputtext with in place,通过双击ready only文本,可以同时拥有只读和编辑文本。只有在编辑器模式下单击勾号图标时,inplace事件才会触发ajax侦听器 我在下面的链接中使用了primefaces showcase中的这一点作为参考 如何在编辑文本后通过调用enter按钮触发相同的inplace listener方法我通过以下代码获得了应得的操作 <p:inplace id="stackSetDesc" edito
如何在编辑文本后通过调用enter按钮触发相同的inplace listener方法我通过以下代码获得了应得的操作
<p:inplace id="stackSetDesc" editor="true">
<p:ajax event="save" listener="#{stackEditBean.updateStackSet()}"
process="@this" update="@form"
onstart="PF('loadWidget').show();"
onsuccess="PF('loadWidget').hide();" />
<p:inputText value="#{stackEditBean.stackSetDesc}"
required="true" label="text"
requiredMessage="Description cannot be empty , Please Enter Name"
onkeypress="if (event.keyCode == 13) { saveStackSetID(); return false; }" />
</p:inplace>
<p:remoteCommand name="saveStackSetID" update="stackSetDesc"
actionListener="#{stackEditBean.updateStackSet()}"
onstart="PF('loadWidget').show();"
oncomplete="PF('loadWidget').hide();">
</p:remoteCommand>
我就是这样解决的
<p:treeNode>
<p:inplace widgetVar="inplace_#{node.rowKey}" editor="true">
<p:inputText value="#{category.categoryName}" required="true" label="text" onkeydown="if(event.keyCode==27) {PF('inplace_#{node.rowKey}').cancel(); return false;} if(event.keyCode==13) {PF('inplace_#{node.rowKey}').save(); return false;}" />
</p:inplace>
</p:treeNode>
尝试使用小部件
<p:treeNode>
<p:inplace widgetVar="inplace_#{node.rowKey}" editor="true">
<p:inputText value="#{category.categoryName}" required="true" label="text" onkeydown="if(event.keyCode==27) {PF('inplace_#{node.rowKey}').cancel(); return false;} if(event.keyCode==13) {PF('inplace_#{node.rowKey}').save(); return false;}" />
</p:inplace>
</p:treeNode>