wicket:根據條件加載不同的form表單數據

充分利用fragment標籤,劃分不同條件下的fragment。

html文件如下:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns:wicket="http://wicket.apache.org">
<wicket:panel>
    <body>
    <div class="alert alert-info">當前位置<b class="tip"/>用戶管理<b class="tip"/>用戶詳細信息</div>
    <form method="post" wicket:id="userForm">

        <span wicket:id="feedback"/>
        <table class="table table-striped table-bordered table-condensed">

            <thead>
            <tr>
                <td colspan="6" class="auto-style2"> 用戶詳細信息 <i class="tip-up"></i></td>
            </tr>
            </thead>

            <!--<div wicket:id="errors"><i class="icon-remove close" data-dismiss="alert"></i></div>-->
            <tbody>
            <tr>
                <td class="tdl">姓名</td>
                <td class="detail">
                    <input class="ipt" wicket:id="name"/>
                </td>
                <td class="tdl">登錄名</td>
                <td class="td_detail">
                    <input class="ipt" wicket:id="loginName"/>
                </td>
                <td class="tdl">郵箱</td>
                <td class="td_detail">
                    <input class="ipt" wicket:id="email"/>
                </td>
            </tr>

            <tr>
                <td class="tdl">電話</td>
                <td class="detail">
                    <input  class="ipt" wicket:id="phone"/>
                </td>
                <td class="tdl">手機</td>
                <td class="td_detail">
                    <input class="ipt" wicket:id="mobile"/>
                </td>
                <!--<td class="tdl">所屬企業</td>
                <td class="detail">
                    <input wicket:id="qyid" type="hidden"
                           style="width: 300px;"/>
                </td>-->
                <td class="tdl">歸屬機構</td>
                <td class="detail">
                    <input wicket:id="jgdm" type="hidden"
                           style="width: 300px;"/>
                </td>
            </tr>
            <div wicket:id="pwdContainer"></div>

            <tr>
                <td class="tdl">角色</td>
                <td class="td_detail">
                    <div wicket:id="roleList">角色列表</div>
                </td>
            </tr>

            </tbody>
        </table>
        <table class="table table-striped table-bordered table-condensed">
            <tr>
                <td colspan="6" align="right">
                    <input class="btn btn-inverse" type="button" value="保存" wicket:id="save"/>
                    <input class="btn btn-inverse" type="button" value="關閉" wicket:id="cancel"/>
                </td>
            </tr>
        </table>
    </form>
    </body>
</wicket:panel>
<wicket:fragment wicket:id="hiddenFragment">
    <input class="ipt" wicket:id="password" type="hidden"/>
</wicket:fragment>
<wicket:fragment wicket:id="pwdFragment">
    <tr>
        <td class="tdl">密碼</td>
        <td class="td_detail">
            <input class="ipt" wicket:id="password" type="password"/>
        </td>
        <td class="tdl">確認密碼</td>
        <td class="detail">
            <input class="ipt" wicket:id="confirPwd" type="password"/>
        </td>
    </tr>
</wicket:fragment>

</html>
頁面上有2個不同的fragment,根據條件不同顯示,代碼如下:


private class HIddenFragment extends Fragment {

        public HIddenFragment(String id, String markupId, MarkupContainer markupProvider) {
            super(id, markupId, markupProvider);
            HiddenField pwd = new HiddenField<String>("password");
            add(pwd);
        }
    }
    private class PwdFragment extends Fragment {

        public PwdFragment(String id, String markupId, MarkupContainer markupProvider) {
            super(id, markupId, markupProvider);

                pwd = new PasswordTextField("password");
                pwdConfirm = new PasswordTextField("confirPwd", new PropertyModel(UserAddPage.this, "confirPwd"));
                pwd.setLabel(Model.of("'密碼'"));
                add(pwd.setOutputMarkupId(true).add(new ValidationStyleBehavior()));

                pwdConfirm.setLabel(Model.of("'確認密碼'"));
                add(pwdConfirm).setOutputMarkupId(true);

        }
    }

顯示條件的代碼如下:


if(isAdd){
            userForm.add(new PwdFragment("pwdContainer","pwdFragment",UserAddPage.this));
            //密碼相同的校驗
            EqualPasswordInputValidator equalPasswordInputValidator = new EqualPasswordInputValidator(pwd, pwdConfirm);
            userForm.add(equalPasswordInputValidator);
        }
        else{
            userForm.add(new HIddenFragment("pwdContainer","hiddenFragment",UserAddPage.this));
        }



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章