HTML5 Builder トライアル<クライアントWebアプリケーション>

クライアントWebアプリケーション


では次にクライアントWebアプリケーションのチュートリアルを実行してみましょう。

「ホームビュー」を開き、「新規作成」より「HTML5 Builder プロジェクト」の「クライアントWebアプリケーション」をダブルクリックします。

サーバーWebアプリケーションのときと同じように、UIコンポーネントを追加していきます。右ペインの「ツールパレット」から、「Edit」「Label」「Button」コンポーネントをドラッグ&ドラッグで中央のデザイン領域へ配置していきます。

Button1を選択し、キャプションを Say Helloに変更します。またボタンをクリックしたときにHTMLの再読み込みが行われないように ButtonTypeプロパティをbtNormalに変更します。

ボタンクリックに対応する処理を記述します。 Button1をダブルクリックします。

// This is where you can place your Javascript code

function Button1Click(event) {

}

Button1Click に、JavaScriptやjQueryの処理を記述します。

// This is where you can place your Javascript code

function Button1Click(event) {
    $('#Label1').html("Hello, " + $('#Edit1').val() + "!");
}

 では実行してみましょう。

サーバーWebアプリケーションのときと同じように 実行することができました。

その1
その2
その3
その4

コメントを残す

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