[B! Webix] kasumaniのブックマーク

kasumani id:kasumani

Webixに関するkasumaniのブックマーク (2)

[Webix]HTML要素にWebixコンポーネントを埋め込む
Webix Advent Calendar 2014 ３日目の穴埋め記事です。 WebixではUIをすべてJavaScriptで作成する以外に、HTML要素(主にdiv)を元にコンポーネントを埋め込んで画面を作成することができます。画面内の一部の要素にWebixをコンポーネントを使用したい場合に便利です。サンプルカレンダーコンポーネントとチャートコンポーネントをdiv要素を元に表示します。 example <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="http://shimz.me/libs/webix/codebase/webix.css" type="text/css" charset="utf-8"> <script src="http://shimz.me/libs/webix/codebase/webi
kasumani 2014/12/17
HTML要素にWebixコンポーネントを埋め込む WebixではUIをすべてJavaScriptで作成する以外に、HTML要素(主にdiv)を元にコンポーネントを埋め込んで画面を作成することができます。画面内の一部の要素にWebixをコンポーネントを使用

Webix
リンク
[Webix]Listコンポーネント入門
Webix Advent Calendar 2014 ４日目の記事です。昨日は突然過去を振り返りたくなって別の記事を書いていたためお休みしました。さて、今回はWebixのListコンポーネントを使ってみます。 WebixのコンポーネントはJavaScriptオブジェクトとして必要な要素を指定してwebix.uiに渡してあげれば、後はWebixが良い感じに表示してくれます。リストの表示基本的には、viewプロパティで”list”を指定し、dataプロパティにリストとして表示したいデータ(JSON)を渡してtemplete内で表示する内容の書式を設定すればリストとして表示されます。 templateの中では「#key名#」で渡したデータの値を表示することができます。またHTMLタグも指定可能です。（なおリストに渡しているtestDataはtestData.js内で宣言し外部スクリプト
kasumani 2014/12/04
Listコンポーネント入門さて、今回はWebixのListコンポーネントを使ってみます。 WebixのコンポーネントはJavaScriptオブジェクトとして必要な要素を指定してwebix.uiに渡してあげれば、後はWebixが良い感じに表示してくれます。 T

Webix
リンク
1