質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
textbox

HTMLの<input type="text">で生成されるtextboxに関するタグです。

Q&A

解決済

1回答

3110閲覧

テキストボックスの使い方がわからないのです

Matutaku

総合スコア7

textbox

HTMLの<input type="text">で生成されるtextboxに関するタグです。

0グッド

0クリップ

投稿2016/02/02 07:53

###前提・実現したいこと
eclipseを使ってGoogle App Engineのデータストアに登録したデータの一覧表を表示させるシステムを作っています。
データを書き換えられるように表のセルをテキストボックスにしたいのですがうまくいきません。

###発生している問題・エラーメッセージ

テキストボックスに初めからデータを表示させるには
<INPUT type="text" value="テキストボックスに表示される文字">
を使うのだが、
value="テキストボックスに表示される文字"
を下記のように変えて、
value="data.getPlacename()"
とし、登録した場所の名前をテキストボックス内に表示させようとしたのだが、data.getPlacename()と表示されるだけだった。

out.write("<td>" + “<input type = ‘text’ value = ‘data.getPlacename()’ >” + "</td>");
や、
out.write("<td>" + “<input type = ‘text’ value = data.getPlacename() >” + "</td>");
と書くとdata.getPlacename()がセルのテキストボックス内に表示され、

out.write("<td>" + “<input type = ‘text’>” + data.getPlacename() + “</input>” + "</td>");
と書くと、セルのテキストボックスの外に登録したデータが表示される。

これをセルのテキストボックスの中に登録したデータを表示させたい。

###ソースコード

java

1/*=====================================================================================================*/ 2/*施設情報一覧画面サーブレット(施設情報一覧画面用)*/ 3/*1つの画面はサーブレットとJSPの組み合わせ "/WEB-INF/info.jsp" のJSP*/ 4/*サーブレットは画面で入力された情報を使って計算やデータの読み書きなどjavaが得意とする処理をする*/ 5/*=====================================================================================================*/ 6 7package com.appspot.tak; 8 9import java.io.IOException; 10import java.io.Writer; 11import java.util.List; 12 13import javax.jdo.PersistenceManager; 14import javax.servlet.http.HttpServlet; 15import javax.servlet.http.HttpServletRequest; 16import javax.servlet.http.HttpServletResponse; 17 18@SuppressWarnings("serial") 19public class InfoServlet extends HttpServlet { 20 21 @Override 22 @SuppressWarnings("unchecked") 23 public void doGet(HttpServletRequest req, HttpServletResponse resp) 24 throws IOException { 25 resp.setContentType("text/html"); 26 27 // データストアから、指定のクラスのオブジェクトを取得する場合には、まずPersistenceManagerを用意 28 // PMFクラスのgetでPersistenceManagerFactoryインスタンスを取得 29 // そのgetPersistenceManagerでPersistenceManagerを取得 30 // PersistenceManagerでは、クエリーをそのまま実行して結果を得る機能がある 31 PersistenceManager pm = PMF.get().getPersistenceManager(); 32 33 // 必要なデータを取得するためのクエリーをString値として用意 34 // 「select from クラス名」により指定したクラスのインスタンスをデータストアからすべて取り出し、返す。 35 String query = "select from " + Place.class.getName(); 36 37 // PersistenceManagerの「newQuery」というメソッドで、Queryクラスのインスタンスが得られる 38 // 引数にクエリーのStringを渡して呼び出すことで、クエリーを実行するためのインスタンスを返す 39 // 「execute」を実行すると、クエリーを実行し、結果を返値として返す 40 List<Place> datas = (List<Place>) pm.newQuery(query).execute(); 41 Writer out = resp.getWriter(); 42 out.write("<table border>"); //表を作成するためテーブルタグを用いる 43 out.write("<tr><th>placename</th><th>lats</th><th>lngs</th><th>description</th><th>registdate</th><th>blobkey</th></tr>"); 44 // 繰り返しを行いリストから順にオブジェクトを取り出してテーブルとして出力 45 for (Place data : datas) { 46 out.write("<tr>"); 47 out.write("<td>" + data.getPlacename() + "</td>"); //施設名 48 out.write("<td>" + data.getLats() + "</td>"); //緯度 49 out.write("<td>" + data.getLngs() + "</td>"); //経度 50 out.write("<td>" + data.getDescription() + "</td>"); //説明 51 out.write("<td>" + data.getRegistDate() + "</td>"); //日時 52 out.write("<td>" + data.getBlobkey() + "</td>"); //画像を保存したブロブキー 53 out.write("</tr>"); 54 } 55 out.write("</table>"); 56 } 57}

###補足情報(言語/FW/ツール等のバージョンなど)
appengine-java-sdk-1.9.22.1 - 1.9.22
eclipse 4.4 LUNA

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

サーブレット内に、文字列でhtmlタグを記述するとクオート処理がjavaのクオートなのか、htmlのクオートなのか、javascript のクオートなのか判断し難いので、テンプレートエンジンか、jspにディスパッチした方が良いですよ。

java dto をhtml にするには、
out.write("<input type='text' name='hoge' value='" + data.getPlacename() + "' >");
こうなりますね。

これを jsp で出力する場合は、
<input type="text" name="hoge" value="<%= data.getPlacename() %>" >
となります。
java の文法としての一番外側のダブルクオートを記述しなくてよくなります。
<%= .... %> がプレースホルダー、内部の記述を java として実行し結果をペーストします。

投稿2016/02/02 08:08

編集2016/02/02 08:09
ipadcaron

総合スコア1693

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

Matutaku

2016/02/03 00:21

out.write("<input type='text' name='hoge' value='" + data.getPlacename() + "' >"); でやってみたらできました。 すっきりしました。ありがとうございます。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問