English

El

El<S> は、シグナルが S のページに置く HTML 要素です。メソッドが要素を返すので、要素の木を 1 つの式で書けます。

内容と属性

項目概要
child子要素、テキスト、テンプレートのいずれかを追加します。
children複数の子を追加します。Option は 0 個か 1 個の子として数えます。
text固定のテキストを追加します。
attrふつうの属性を設定します。
href要素の href を設定します。ルーターが配信するページへのリンクか、配信しないアドレスの SafeUrl を渡します。
src要素が読み込む画像、フレーム、スクリプトのアドレスである src を、El::href と同じように設定します。
id要素の id を設定します。
class固定のクラスを追加します。
cssstyle の宣言をアトミックなクラスとして追加します。
node_refnode_ref を付け、その文がこの要素を操作するようにします。
foreignこの要素の属性と子要素をスクリプトに任せ、node_ref の名前を付けます。
render要素とその子を HTML の文字列に描画します。

束縛

束縛はどれもシグナルを読む式を受け取ります。シグナルが変わるたびに、ランタイムがその式の値で要素を更新します。

項目概要
bind_text要素のテキストを text に置き換え、シグナルが変わるたびに更新します。
showwhen が真のあいだだけ要素を表示します。
bind_attrシグナルが変わっても、属性 name を value と等しく保ちます。
attr_whenwhen が真のあいだ、disabled のような真偽値の属性 name を設定します。
disabledwhen が真のあいだ、disabled でコントロールを無効にします。
class_whenwhen が真のあいだ class を追加します。
css_whenwhen が真のあいだ style の宣言を追加します。
css_match値が value と等しい場合のスタイルを追加します。
bind_styleシグナルが変わっても、CSS プロパティ property を value と等しく保ちます。
bind_tokenこの要素とその内側の要素で、token を value と等しく保ちます。
bindフォームコントロールをシグナルに双方向で束縛します。
bind_checkedチェックボックスの checked の状態を、一方向で when と等しく保ちます。
bind_radioこのラジオボタンが選ばれたときに signal を value にします。
bind_selectこの <select> に options を入れ、signal に束縛します。

イベント

項目概要
onevent が起きると stmt を実行します。同じイベントで 2 回呼ぶと、2 回目の文は 1 回目の文の後に実行されます。
on_clickクリックで stmt を実行します。
on_double_clickダブルクリックで stmt を実行します。
on_inputテキスト欄が編集されるたびに stmt を実行します。
on_changechange イベントで stmt を実行します。
on_submitフォームが送信されたとき、preventDefault の後に stmt を実行します。
on_blurフォーカスが要素から外れたときに stmt を実行します。
on_visible要素が表示領域に入るたびに stmt を実行します。
on_keyフォーカスがこの要素の中にあるあいだに shortcut が押されると stmt を実行します。
on_debouncedevent が発生しないまま quiet だけ経ったら stmt を実行します。
on_customevent がこの要素に届くたびに、handle が組み立てた文を実行します。

ライフサイクルとフォーカス

項目概要
on_load要素が文書に追加されたときに stmt を 1 回実行します。
on_interval要素が文書にあるあいだ、period ごとに stmt を実行します。
on_timeout要素が文書に追加されてから delay 後に、要素がまだ文書にあれば stmt を 1 回実行します。
effect要素が文書に追加されたときと、stmt が読むシグナルが変わるたびに stmt を実行します。
on_signal_changesignal か、その中のどれかのフィールドが変わるたびに stmt を実行します。
roving_focus矢印キー、Home、End で、この要素の中の項目のあいだでフォーカスを動かします。
active_descendant上下の矢印キーに応じて、listbox のアクティブな選択肢を active に記録します。