株式会社オリエンタルアーツ｜pirka｜ソフトウェア開発

HOME ＞ pirka TOP ＞サンプル集

表示・非表示の使い方

≪サンプル説明≫ 　

表示／非表示更新ボタンクをクリックしたときにチェックボックスがチェックされているとメモ欄が表示されます。

≪作成時注意点≫　

・WEB画面上の表示／非表示領域の指定にはその領域をdivタグで囲みます。
　このdivタグにはtype="switch"とname属性が必要です。

　【例】<div type="switch" name="switchItem" value="true">
　　　　・
　　　　・
　　　　・
　　　　</div>

・divタグで囲まれた領域の表示／非表示のはvalue属性の値で切り替わります。
　trueの時は表示、falseの時は非表示となります。
　HTMLファイル中に記述されたvalue属性値はpirka動作時の初期値となります。

・javaクラスのコンストラクタやサブミットボタン等がクリックされたときに動作する
　アクションメソッド内で表示／非表示を設定します。

　【例】switchItemで囲まれた範囲を非表示にする。
　　　　FieldMap field = getFieldMap();
　　　　field.setValue("switchItem", false);

ソースファイル
SwitchSample.html 　サンプル画面のHTMLファイル

<html>
<head>
<title>pirka逆引きサンプル表示・非表示の使い方</title>
</head>
<body>
<center>
<span style="color: #8080ff">pirka逆引きサンプル表示・非表示の使い方</span><br>
<hr>
<form name="formItem" method="post">
<input type="checkbox" name="checkboxSwitch" checked id="id_checkboxSwitch"><label for="id_checkboxSwitch"> メモ欄を表示します</label>
<input type="submit" name="updateButton" value="表示／非表示更新">
<br>
<hr>
<div type="switch" name="switchItem" value="true">
<table>
<tr>
<td>メモ欄</td>
<td>
<textarea name="textareaItem" rows="10" cols="50"></textarea>
</td>
</tr>
</table>
</div>
</form>
<hr>
<a name="returnWindow" href="">戻る</a>
</center>
</body>
</html>

SwitchSample.java 　サンプル画面のJavaソースファイル

package jp.oarts.pirka.sample.instruction.is101500;

import jp.oarts.pirka.core.kernel.FieldMap;
import jp.oarts.pirka.core.win.PirkaWindow;

/**
* pirka逆引きサンプル表示・非表示の使い方
*/
public class SwitchSample extends PirkaWindow {

/**
* 表示／非表示更新ボタン処理
*/
public void updateButton() {
FieldMap field = getFieldMap();
field.setValue("switchItem", field.getValueBoolean("checkboxSwitch"));
}

/**
* 戻るリンク
*
* @return
*/
public PirkaWindow returnWindow() {
return null;
}

}