Home   Single Page

特定のページに新しいコンポーネントを定義する

下記の例のように、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 コマンドセクションをご覧ください。