在掩码输入的primefaces中使用自动完成

Question

我想用自动完成功能创建一个屏蔽输入字段。在我的示例中，我有一个带有文章编号_.___.___的字段。我还有一份常用文章清单。用户可以从列表中选择现有的商品编号，并可以添加新的商品编号。

我如何组合这两个主要组成部分？

感谢您的帮助

勒珀

Answer 1

要实现这一目标，您有两种可能：创建自定义组件或通过jQuery手动设置输入掩码。我用这种方式实现了第二种方法：

1. 使用普通的自动完成小部件

   <h:form id="myPanel">
     <p:autoComplete id="number" value="#{myBean.number}" completeMethod="#{myBean.complete}" />
   </h:form>
   

2. 通过这个小Javascript

   激活Inputmask

   <script>
   //<![CDATA[
   $(document).ready(function() {
       $(':input[id="myPanel:number_input"]').inputmask("mask", {"mask": "(999) 999-9999"});
   });
   //]]>
   </script>
   

（3。确保已包含inputmask jquery库：）

    <script src="jquery.inputmask.js" type="text/javascript"/>

虽然这个解决方案可以做它应该做的事情，但我认为自定义组件将是更清洁的方式。 希望我的代码片段可以帮助你。