jsf-2 - 在掩码输入素数面中使用自动完成

Question

我想制作一个带有自动完成功能的蒙面输入字段。在我的示例中，我有一个带有文章编号的字段_.___.___。我还有一个常用文章的列表。用户可以从列表中选择现有的文章编号，并可以添加新的文章编号。

我怎样才能结合这两个primefaces组件？

谢谢你的帮助

乐波

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"/>

虽然这个解决方案做了它应该做的事情，但我认为自定义组件会是更干净的方式。无论如何，希望我的代码段对您有所帮助。