Bshe/manual/Bshe_View/doc/Programmer/Assign/Resource/show [Bshe利用マニュアル] - Wiki

Page Top
単純な値の属性へのセット anchor.png

HTMLテンプレートはタグの集合でできています。Bshe_ViewはHTMLタグの各種属性やタグの内部テキスト(innerHTML)に対して簡単に値をセットするリソースクラスを提供しています。
Bshe_Viewに対して、値を設定するためには2つの方法が提供されています。

Page Top
単純に値をセットする方法 anchor.png

Bshe_Viewのインスタンスに対して「->」で直接変数を指定して値をセットすることで、
Bshe_Viewに対して、単に値を設定することができます。

以下のようなHTMLがあるとします。

<div "key=bshe::a"></div>

このとき、Bshe_Viewのインスタンスに以下のように値をセットすることで

$view->a = "任意の文字列";

次のようなHTMLが生成されます。

<div >任意の文字列</div>

上記の例では、divなどのブロックタグのため、innerHTMLに対して値のセットが行われましたが
この値のセットは、タグの種類によって、(特にinputタグなど)挙動が異なります。

タグ種別表示内容
div,spanなど範囲を指定するタグinnerHTML(<div></div>のタグの間に値を出力します)
inputタグでtypeがtext,password,hidden,submit,reset,button​value属性に値がセットされます
selectタグセットされたoptionの中から一致しているものにselectedがセットされます(optionはhelperを利用して動的にセットできます
checkbox,radiovalue属性にセットされている文字列と、変数の値が一致している場合にcheckedがセットされます
imagesrc属性に値がセットされます
file何もしません

たとえば、以下のようなinputタグがあるとします。

<input type="text" "key=bshe::a" />

このとき、Bshe_Viewのインスタンスに以下のように値をセットすることで

$view->a = "任意の文字列";

次のようなHTMLが生成されます。

<input type="text" value="任意の文字列" />

のようにvalue属性に値がセットされます。

Page Top
セットする属性名称を指定して値をセットする方法 anchor.png

上記のような単純なセットのほかに、値をセットする対象の属性を指定して値をセットすることができます。
値を属性つきで指定する場合は、次のような構造の配列を用います。

array(
  'a' => 
    array('style' ,'color: #FF0000;')
)

ここで、

  • 'a'は値のセット(assign)をあらわします。
  • 配列の中の「style」はstyle属性に対する処理であることを示します。
  • 「color: #FF0000;」はstyle属性に対してセットする値を示します。 この配列を以下の用はHTMLを用意し
    <div "key=bshe::a"></div>
    先ほどの配列を次のようにセットすることで、
    $view->a = array( 'a' => array( 'style' ,'color: #FF0000;'));
    次のようなHTMLが生成されます。
    <div style="color: #FF0000;"></div>
    また、同じ値に対して繰り返し、配列をセットすることで、複数の属性処理を投入することができます。
    同じHTMLに対して、次のように配列セットをすると
    $view->a = "任意の文字列";
    $view->a = array( 'a' => array( 'style' ,'color: #FF0000;'));
    次のようなHTMLが生成されます。
    <div style="color: #FF0000;">任意の文字列</div>
    また、上記のセット処理は次の記載と同じ意味です。
    $view->a = array( 'a' => array( 'innerHTML' ,"任意の文字列"));
    $view->a = array( 'a' => array( 'style' ,'color: #FF0000;'));

Front page   Diff Backup Copy Rename Reload   New List of pages Search Recent changes   Help   RSS of recent changes (RSS 1.0) RSS of recent changes (RSS 2.0) RSS of recent changes (RSS Atom)
Counter: 1055, today: 1, yesterday: 1
Last-modified: 2009-04-30 (Thu) 23:07:48 (JST) (1115d) by abe