下記の例のように、XML属性でプロパティをコンポーネントに指定することは簡単です。
<button label="OK" style="border:1px solid blue"/>
開発者が特定ページに新しいコンポーネントを定義するとき、 ZK はパワフルですが簡単な方法を提供しています。多くの同じタイプのコンポーネントがプロパティセットを共有する場合は便利です。
はじめに component 命令を使って新しいコンポーネントを定義します。
<?component name="bluebutton" extends="button" style="border:1px solid blue" label="OK"?> <bluebutton/> <bluebutton label="Cancel"/>
は以下の内容と同様です。
is equivalent to
<bluebutton style="border:1px solid blue" label="OK"/> <bluebutton style="border:1px solid blue" label="Cancel"/>
さらに、以下のようにbuttonの定義をオーバーライドすることができます。もちろん他のどのページには、影響ありません。
<?component name="button" extends="button" style="border:1px solid blue" label="OK"?> <button/> <button label="Cancel"/>
より詳しい情報はZKユーザーインターフェースマークアップ言語 の章のcomponent コマンドセクションをご覧ください。