クライアントWebアプリケーション
では次にクライアントWebアプリケーションのチュートリアルを実行してみましょう。
「ホームビュー」を開き、「新規作成」より「HTML5 Builder プロジェクト」の「クライアントWebアプリケーション」をダブルクリックします。
サーバーWebアプリケーションのときと同じように、UIコンポーネントを追加していきます。右ペインの「ツールパレット」から、「Edit」「Label」「Button」コンポーネントをドラッグ＆ドラッグで中央のデザイン領域へ配置していきます。
Button1を選択し、キャプションを Say Helloに変更します。またボタンをクリックしたときにHTMLの再読み込みが行われないように ButtonTypeプロパティをbtNormalに変更します。
ボタンクリックに対応する処理を記述します。 Button1をダブルクリックします。
[JavaScript]
// This is where you can place your Javascript code
function Button1Click(event) {
}
[/JavaScript]
Button1Click に、JavaScriptやｊQueryの処理を記述します。
[JavaScript]
// This is where you can place your Javascript code
function Button1Click(event) {
$('#Label1').html("Hello, " + $('#Edit1').val() + "!");
}
[/JavaScript]
では実行してみましょう。
サーバーWebアプリケーションのときと同じように 実行することができました。
その１
その２
その３
その４