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

クライアント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やjQueryの処理を記述します。
[JavaScript]
// This is where you can place your Javascript code
function Button1Click(event) {
$('#Label1').html("Hello, " + $('#Edit1').val() + "!");
}
[/JavaScript]
 では実行してみましょう。

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

コメントを残す

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