ZK - Simply Ajax
ZK 2.3の正式版がリリースされました。 大きな変更点としてzscriptで使えるプログラミング言語としてJavaScript、Ruby、Groovyが追加されたことがあげられます。 これまでJavaScriptを使わずに開発できるってうたってたような・・・。 後細かいとこですが、…
データバインディングを使用すればGUIコンポーネントとオブジェクトのプロパティをマッピングすることができます。 メリットとしては一度設定するだけで、GUIコンポーネントとオブジェクトのプロパティ値の同期をとれることが上げられます。例えばテキストボ…
progressmeterコンポーネントによって処理の進み具合を表示することができます。 valueプロパティに0から100の範囲で値を指定してバーの位置を調整します。 0が先頭で100が最後尾となります。 <window title="プログレスメーター" border="normal" width="200px"> <progressmeter value="50" /> </window> sliderコンポーネントはスライダーをスクロールするこ…
calendarコンポーネントはカレンダーを表示して選択した日付を 取得したりすることが簡単にできてかなり便利です。入力コントロールのようにcalendarコンポーネントはvalueプロパティから 選択された日付を取得したり日付をvalueプロパティにセットすること…
入力コントロールにはtextbox、intbox、decimalbox、 datebox、combobox、bandbox等のコンポーネントがあります。 <window title="入力コントロール" border="normal" width="200px"> <textbox /> <datebox /> </window>typeプロパティにpasswordを指定することで、 入力した文字を非表示にすることができます。
ラジオボタンはradiogroupコンポーネントを利用することでグループ化できます。 グループ化することでグループ内のラジオボタンから一つだけ選択することができます。 <window title="ラジオボタン" border="normal" width="200px"> <style>.title td {font-size:12px;}</style> <radiogroup onCheck="alert(self.selectedItem.label)"> </radiogroup></window>
ボタンにはbuttonとtoolbarbuttonの2種類があります。 これらのボタンの違いは内部的にbuttonコンポーネントが HTMLのbuttonタグを使うのに対して、 toolbarbuttonコンポーネントはHTMLのAタグを使う点です。 ブラウザで表示したHTMLソースを確認してみると…
labelは画面上に文字列を表示する場合に使用します。 <window border="normal">デフォルトでの表示</window> labelの属性を明示的に指定したい場合は、<label>を使用します。 <window border="normal"> <label style="color: red" value="文字列を赤色で表示" /> </window></label>
ZK Designerを使用すればGUIベースでとても簡単にUIの作成ができます。 http://journal.mycom.co.jp/articles/2006/09/19/zk/003.html このZK DesignerはeZing Builderに取り込まれたようで、 このプラグインをEclipseにインストールすればEclipseで ZK Desi…
alertを表示してみましょう。 <window title="メッセージ" border="normal"> <button label="表示" onClick="alert("Hello World!")" /> </window> encodingに日本語を指定しておけば問題なく日本語も表示できました。 ダブルクォート(")はXMLの表記に従って " にする必要があるようです。
ZKはPotixが開発しているJavaのリッチクライアントを開発するためのフレームワークです。 GNU Ver.2ライセンスで公開されているオープンソースソフトウェアなので無償で使用できます。 ZUML(ZK User-interface Markup Language)というマークアップ言語を使用…
