jquery tokeninput 在编辑时不显示 h:inputtext 上的数据

Posted

技术标签:

【中文标题】jquery tokeninput 在编辑时不显示 h:inputtext 上的数据【英文标题】:jquery tokeninput don't showing data on the h:inputtext while editing 【发布时间】:2012-01-03 00:20:50 【问题描述】:

我使用seam框架,我想将tokeninput autocomplete plugin集成到我的项目中。

我成功地进行了集成,数据保存在数据库中,但问题是当我提交验证表单时,h:inputtext 的数据丢失了,在编辑输入文本时也是空的。

<ui:define name="head">
    <head>
        <script type="text/javascript" src="js/jquery/jquery.tokeninput.js"></script>

        <link rel="stylesheet" type="text/css" href="js/jquery/token-input.css" media="screen"/>
        <link rel="stylesheet" type="text/css" href="js/jquery/token-input-mac.css" media="screen"/>
        <link rel="stylesheet" type="text/css" href="js/jquery/token-input-facebook.css" media="screen"/>

        <script>
            $(document).ready(function() 
                $("div.permiss input").tokenInput("http://shell.loopj.com/tokeninput/tvshows.php", 
                     theme: "facebook",
                );
            );
        </script>
    </head>
</ui:define>

<ui:define name="body">
    <body>
        <h:form id="permission" styleClass="edit">
            <rich:panel>
                <f:facet name="header">#permissionHome.managed ? 'Edit' : 'Add' Permission</f:facet>
                <s:decorate id="nomPermissionField" template="layout/edit.xhtml">
                    <ui:define name="label">Nom permission</ui:define>
                    <div class="permiss">       
                        <h:inputText  id="nomPermission" required="true" value="#permissionHome.instance.nom"/>
                    </div>
                </s:decorate>

                <s:decorate id="targetPermissionField" template="layout/edit.xhtml">
                    <ui:define name="label">Target permission</ui:define>
                    <div class="voici1" >
                        <h:inputText id="targetPermission" cols="80" rows="10" required="true" value="#permissionHome.instance.target"/>
                    </div>
                </s:decorate>

                <s:decorate id="DiscriminatorPermissionField" template="layout/edit.xhtml">
                    <ui:define name="label">Discriminator permission</ui:define>
                    <h:selectOneMenu id="selectdisc" value="#permissionHome.instance.discriminator" required="true">
                        <f:selectItem id="si0" itemLabel=" " itemValue=" "/>
                        <f:selectItem id="si1" itemLabel="role" itemValue="role"/>
                        <f:selectItem id="si2" itemLabel="user" itemValue="user" />
                    </h:selectOneMenu>
                </s:decorate>

                <div style="clear:both">
                    <span class="required">*</span>
                    required fields
                </div>
            </rich:panel>

            <div class="actionButtons">
                <h:commandButton id="save" value="Savee" action="#permissionHome.persist"
                     oncomplete="javascript:window.parent.location.reload(true);" 
                     disabled="#!permissionHome.wired" 
                     rendered="#!permissionHome.managed"/>

                <h:commandButton id="update" value="Save" action="#permissionHome.update" rendered="#permissionHome.managed"/>
                <h:commandButton id="delete" value="Delete" action="#permissionHome.remove" immediate="true" rendered="#permissionHome.managed"/>

                <s:button id="cancelEdit" value="Cancel" propagation="end" view="/Permission.xhtml" rendered="#permissionHome.managed"/>

                <s:button id="cancelAdd" value="Cancel" propagation="end" view="/#empty permissionFrom ? 'PermissionList' : permissionFrom.xhtml" rendered="#!permissionHome.managed"/>    
            </div>
        </h:form>    
    </body>
</ui:define>

【问题讨论】:

【参考方案1】:

也许从以下行中删除逗号?

主题:“脸书”,

【讨论】:

以上是关于jquery tokeninput 在编辑时不显示 h:inputtext 上的数据的主要内容,如果未能解决你的问题,请参考以下文章

jQuery Tokeninput / 未找到结果

jQuery-tokeninput 失败:“术语”未定义?

jQuery Tokeninput:只读不工作

jquery tokenInput如何将ajax调用url动态更改为脚本

在页面上的多个输入上使用 tokeninput jquery 插件

将占位符文本添加到 Jquery Tokeninput