吉里吉里2/吉里吉里Z用UIウィジェット実装kwidgets

吉里吉里2/吉里吉里ZでTJSによるGUIアプリを構築するためのUIウィジェット実装kwidgetsの解説ツイートです。マニュアルが整備できてないので、twitterで少しずつつぶやいて、こちらのまとめにまとめて行く予定です。 (2017/6/5) 以前は吉里吉里2のSVNレポジトリで管理していたkwidgetsですが、この度GitHubのkrkrzプロジェクトの下にワーキングレポジトリを移動させました。以後、メンテナンスはそちらで行います。 https://github.com/krkrz/kwidgets
27
前へ 1 ・・ 4 5
ゆんゆん探偵 @yunyundetective

すると、テーブルにエレメントの配列を以下のように渡すことが出来て、

2017-06-05 14:48:09
ゆんゆん探偵 @yunyundetective

table.value = [ %[ name:"あんまん", price:100 ], %[ name:"にくまん", price:120 ], %[ name:"ピザまん", price:110 ] ];

2017-06-05 14:48:16
ゆんゆん探偵 @yunyundetective

こんな感じの見た目の表で編集することが出来る。

2017-06-05 14:48:21
ゆんゆん探偵 @yunyundetective

+--------+----+ |名前  |価格| +--------+----+ |あんまん| 100| +--------+----+ |にくまん| 120| +--------+----+ |ピザまん| 110| +--------+----+

2017-06-05 14:48:28
ゆんゆん探偵 @yunyundetective

エレメントは、辞書形式で無く配列形式の物を編集することも出来る。 その場合、以下のように、キーを文字列では無く数字にしてテーブルを作成すると良い。

2017-06-05 14:48:34
ゆんゆん探偵 @yunyundetective

var attrList= [ [ KTextTableColumn,"名前",0 ], [ KIntTableColumn,"価格",1 ], ]; var table=new KTable(window,"table",attrList);

2017-06-05 14:48:40
ゆんゆん探偵 @yunyundetective

対応するエレメントは以下のようになる。

2017-06-05 14:48:45
ゆんゆん探偵 @yunyundetective

table.value = [ [ "あんまん", 100 ], [ "にくまん", 120 ], [ "ピザまん", 110 ] ];

2017-06-05 14:48:52
ゆんゆん探偵 @yunyundetective

現在、テキストフィールド、数字、テキストエリア、日時、チェックボックス、ドロップダウンリストのカラム形式をサポートしている。 属性を配列化したり、複数の属性を組み合わせた構造体属性を定義したりも出来るので割と複雑なデータを編集出来る。

2017-06-05 14:48:58
ゆんゆん探偵 @yunyundetective

詳細は KTable クラスのソースにコメントで書いてあるので、サンプルコードと一緒に参照してもらうとよいかと。 github.com/krkrz/kwidgets…

2017-06-05 14:49:04
前へ 1 ・・ 4 5