skillup

技術ブログ

Java JavaScript UI

HTML&JSなど画面まわり&サーブレット小ネタ

投稿日:2015年10月8日 更新日:

サーブレットでアプリ作ってますが、画面まわりに関していろいろいじっているのでそこら辺のネタなんかを。

テーブルの結合

何回かやったんですが、メモってなかったので、メモ。

要は横の項目が2段で右の項目が1段ずつみたいな要はセルを結合させるタイプ。

形がきれいじゃないからかなかなか覚えられない・・・

JSPでの動的HTML→POSTで認識できない

サーブレット&JSPではJavaScriptなどで動的にinputやプルダウンを生成すると、request.getParamerterでキャッチできません。

なのでこれらを動的に生成したい場合は、

  • 最初画面上でhtmlを書いておき、display:noneなどにして見えなくする
  • イベントでCSSを切り替えて見えるようにする

としないとPOSTのデータとしてキャッチできないようです。

動的プルダウンの生成&削除

上記のネタでいろいろとやっていたやつです。

動的にプルダウンの要素を変更するようなネタ

リンクのまんまなのでリスペクトも込めてリンク紹介です。

jQuery でセレクトボックスのプルダウン項目(option 要素)を追加/削除する方法

jQuery でセレクトボックスを操作!value 値の取得や選択項目の指定、プルダウンテキストの取得方法

datePicker

JSで有名な日付のGUIコンポーネント

こちらもほぼリンクのままなのでリンク紹介です。

[jQuery] Datepickerの簡単な使い方

jQuery UIのDatepickerでカレンダーから楽々日付入力

超簡単!カレンダーから日付入力する方法:jQuery ui Datepicker

-Java, JavaScript, UI
-

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

no image

JSPでのカスタムタグ

前回のインク―ドですが、文字列以上の情報を渡すことはできませんでした。 いろいろ調べたり、上司に聞いてみるとカスタムタグという独自のタグを作る機能があるとのことでさっそく調査。 Contents1 カ …

no image

Map,KeySetでのSteam

日常で一番よく使うMapループ系処理について Map KeySetのStreamでの書き方 Map<String,String>でEntrySetではなく、KeySetで展開したいときなど …

no image

JavaScriptのcall,bind+npmからのライブラリ読み込みで

npmを使ってライブラリ管理をする場合、個別にライブラリを読み込まず、package.jsonで読み込んだあと、一括してライブラリを読みこむことが一般的です。 で、その時の処理に関して。 例えばlea …

no image

CSVの入出力に関して

業務でCSVの入出力と格闘中。 まあよくある頻出の作業だったりするんですが、自前でやるとなかなか面倒です。 面倒なポイントとしては クオートのエスケープ カンマのエスケープ ヘッダーとの結合 ですかね …

no image

timepickerについて

日付を入力するときに直接、文字入力するのがメンドイことからカレンダーが表示されるプラグインを使っている人は多いでしょう。 私も日頃Datepickerというライブラリを使っています。が、このプラグイン …