ホームページ > 記事 > ウェブフロントエンド > s:iterator 動的表示入力ボックス問題_html/css_WEB-ITnose
s:iterator 動的表示入力ボックス問題_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 11:44:131177ブラウズ
JSP コードとページは次のとおりです
<body ><br> <div align="center"> <a href="listAllDataInfo">显示所有</a> <table width="500" border="1" class="table"> <tbody align="center"> <tr> <td colspan="5" style="font-size: 20;">指标信息</td> <tr> <td width="105">指标编码</td> <td width="300">指标名称</td> <td>填写数值</td> </tr> <!--循环显示记录部分 --> <s:iterator value="list" > <tr class="br_TR"> <td><s:property value="indexCode"/></td> <td><s:property value="indexName"/></td> <td><input name="" /></td> </s:iterator> </tbody> </table> </div> </body>
まず s:iterator を通じてデータベースのインデックス テーブルの各レコードを表示し、次に各レコードの後にテキスト ボックスを追加します。
ここで問題が発生します。各テキストボックスに値を入力し、すべての値をデータベースオブジェクトに保存したいのですが、各値はレコードに対応します。この動的に表示される保存された値を実現するにはどうすればよいでしょうか?
ディスカッションに返信 (解決策)
反復するときに、各 INPUT 要素に ID を追加し、ボタンを追加します。クリックした後、すべての INPUT の値を取得し、保存するためにバックエンドに送信します。
反復するときに、各 INPUT 要素に ID を追加し、ボタンをクリックした後、すべての INPUT の値を取得してバックエンドに送信して保存します。
JSPページのinputにid要素を記述するには、inputの各行のidは異なるはずですよね？ IDには何らかの変数が入力されているはずですよね？私が挙げた例に従うことができますか?
反復するときに、各 INPUT 要素に ID を追加し、クリックした後、すべての INPUT の値を取得してバックエンドに送信して保存します。
JSPページのinputにid要素を記述するには、inputの各行のidは異なるはずですよね？ IDには何らかの変数が入力されているはずですよね？私が挙げた例に従うことができますか?
<body ><br> <div align="center"> <a href="listAllDataInfo">显示所有</a> <table width="500" border="1" class="table"> <tbody align="center"> <tr> <td colspan="5" style="font-size: 20;">指标信息</td> <tr> <td width="105">指标编码</td> <td width="300">指标名称</td> <td>填写数值</td> </tr> <!--循环显示记录部分 --> <s:iterator value="list" > <tr class="br_TR"> <td><s:property value="indexCode"/></td> <td><s:property value="indexName"/></td> <td><input id="<s:property value="indexCode"/>" /></td> </s:iterator> </tbody> </table> </div> </body>
反復するときに、各 INPUT 要素に ID を追加し、ボタンを追加します。クリックした後、すべての INPUT の値を取得し、保存するためにバックエンドに送信します。
しばらくお待ちください。
285e7b0cb555e0b3c95037bd9acb7a7a"
リスト自体のプロパティを使用しますが、これら 6 つのレコードを別のデータベースに保存したい表 、リストにありません。どうすればよいですか?
s: iterator タグはリストのみをトラバースできるようですね。
あなたのニーズがわかりません。入力値をデータベースに保存したいのですか？どこに保存するかは、バックエンドの実行方法に完全に依存します。JS はデータベースを保存せず、処理のためにバックエンドにリクエストを送信することしかできません。
あなたのニーズがわかりません。入力値をデータベースに保存したいのですか?どこに保存するかは、バックエンドの実行方法に完全に依存します。JS はデータベースを保存せず、処理のためにバックエンドにリクエストを送信することしかできません。
申し訳ありませんが、要件がこれまで明確になっていませんでした。
インデックステーブル、データテーブル、ユーザーテーブルの 3 つのテーブルがあります。各ユーザデータは、不定バーのデータデータに対応する。
インデックステーブルにはインジケーター名とインジケーターコードが含まれています（図に示すように）。名前などのデータのいくつかの基本情報のみが保存され、特定のデータは保存されません。
データテーブルはデータの保存専用です。図に示すように、インジケーターは合計 6 つあり、6 つのテキストを入力すると、データ テーブルに 6 つのレコードが保存されます。4 つのテキストのみを入力し、残りの 2 つを空白のままにすると、をクリックします。 submit の場合、データテーブルには 4 つのレコードのみが保存されます。
この要件を達成するには、どうすればよいですか?
<s:form action="updateAllDataInfo" method="post"> <table width="500" border="1" class="table"> <tbody align="center"> <tr> <td colspan="5" style="font-size: 20;">指标信息</td> </tr> <tr> <td width="105">指标编码</td> <td width="300">指标名称</td> <td>填写数值</td> </tr> <!--循环显示记录部分 --> <s:iterator value="list" status="status" > <tr > <td><s:property value="indexCode"/></td> <td><s:property value="indexName"/></td> <td><input type="text" name="dataInfoList[#status.index].indexValue" style="width:100"/></td> </tr> </s:iterator> <s:submit value="保存" align="center" />
上記の私の方法はどのようなものでしょうか？ただし、dataInfoList[#status.index].indexValue 値をアクションに渡すことはできません
public String updateAll() throws Exception{ System.out.println("开始"); // List<IndexInfo> list = (List<IndexInfo>)session.get("list"); for(int i = 0; i < dataInfoList.size(); i++) { dataInfoBiz.addDataInfo(dataInfoList.get(i)); } return this.listAll(); } private List512d2e752c0e38483d97579e8208b848 には getset メソッドがあります
フロントエンドとフロントエンドの両方をデバッグすることをお勧めします。 end を使用して、フロントエンドによって送信されたデータの形式を確認し、バックエンドがその形式に基づいてデータを取得します。