0

私はhtmlテーブルを含むusers.jspページを持っているので、編集ボタンをクリックすると、データでポップウィンドウが開かれ、フォームは別のファイルeditDialog.jspにあり、送信したい...だから私は多くの方法を試しましたしかし、私は解決策を見つけることができませんでした...

<div>
<table cellpadding="0" cellspacing="0" border="0"
                class="display example" id="example1">
                <thead>
                    <tr>
                        <th>Login</th>
                        <th>Status</th>
                        <th>Created</th>
                        <th>Last Modified</th>
                        <th>Edit</th>
                        <th>Delete</th>
                    </tr>
                </thead>
                <tbody>
                    <c:forEach items="${userList}" var="users" varStatus="loopStatus">
                        <tr id="${users.user_id}">
                            <td>${users.login_name}</td>
                            <td>${users.account_status eq 1 ? "Enable" : "Disable"}</td>
                            <td>${users.created_at}, ${users.created_by}</td>
                            <td>${users.updated_at}, ${users.updated_by}</td>
                            <td><input class="button" type="button" name="updateRows" value='Edit' onclick="editUserData(${users.user_id})" /></td>

                        </tr>
                    </c:forEach>
                </tbody>
            </table>
</div>

editDialog.jsp

そのため、ダイアログにはloginIdとアカウントステータスのみが入力され、userIdは非表示になり、account_statusは編集可能な値になります...ここで立ち往生し、助けが必要です....

<div id="editDialog" title="Edit user" style="display: none">
    <form:form action="users.do" method="POST" commandName="users"
        id="editForm">
        <table>
            <thead>
                <tr>
                    <th></th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>Name:</td>
                    <td id="loginId"><form:input path="login_name" /></td>
                </tr>
                <tr class="hide">
                    <td>UserId:</td>
                    <td id="userId"><form:input path="user_id" readonly="true" />
                    </td>
                </tr>
                <tr>
                    <td>Status:</td>
                    <td id="statusId"><form:radiobutton path="account_status"
                            value="1" /> Enable <form:radiobutton path="account_status"
                            value="0" /> Disable</td>
                </tr>
                <tr>
                    <td>CsId:</td>
                    <td id="csId"><form:input path="cs_id" readonly="true" /></td>
                </tr>
                <tr class="hide">
                    <td>Created_at:</td>
                    <td id="createdAtId"><form:input path="created_at"
                            readonly="true" /></td>
                </tr>
                <tr class="hide">
                    <td>Created_by:</td>
                    <td id="createdById"><form:input path="created_by"
                            readonly="true" /></td>
                </tr>
                <tr class="hide">
                    <td>Updated_at:</td>
                    <td id="updatedAtId"><form:input path="updated_at"
                            readonly="true" /></td>
                </tr>
                <tr class="hide">
                    <td>Updated_by:</td>
                    <td id="updatedById"><form:input path="updated_by"
                            readonly="true" /></td>
                </tr>
                <tr>
                    <td></td>
                    <td><input type="submit" name="action" value="Edit">
                        <input id="addCancel" type="button" value="Cancel"></td>
                </tr>
            </tbody>
        </table>
    </form:form>
</div>
4

1 に答える 1

0

これを行うには、1 つのフォームを div に非表示にし、ユーザーが編集ボタンをクリックするたびに必要な情報をフォーム要素にコピーし、それをダイアログとして表示して、ユーザーが保存/キャンセルできるようにします。保存時に、フォーム データを Ajax リクエストとして送信します。

于 2013-03-17T05:32:59.783 に答える