クライアント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アプリケーションのときと同じように 実行することができました。 その１ その２ その３ その４
