FC2ブログ

サラリーマンのすらすらIT日記

IT関連を中心とした日々を綴ります。
--/--/--

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
2010/05/02

Ext JS-ButtonGroup

Ext JSのButtonGroupをやってみました。Ext JSのAPI Documentationのサンプルをそのまま入力して、どんな画面ができるかが楽しみです。


var p = new Ext.Panel({
title: 'Panel with Button Group'
,width: 300
,height: 200
,renderTo: Ext.getBody()
,html: 'whatever'
,tbar: [{
xtype: 'buttongroup'
,columns: 3
,title: 'Clipboard'
,items: [{
text: 'Paste'
,scale: 'large'
,rowspan: 3, iconCls: 'add'
,iconAlign: 'top'
,cls: 'x-btn-as-arrow'
},{
xtype: 'splitbutton'
,text: 'Menu Button'
,scale: 'large'
,rowspan: 3, iconCls: 'add'
,iconAlign: 'top'
,arrowAlign: 'bottom'
,menu: [{text: 'Menu Item 1'}]
},{
xtype: 'splitbutton'
,text: 'Cut'
,iconCls: 'add16'
,menu: [{text: 'Cut Menu Item'}]
},{
text: 'Copy', iconCls: 'add16'
},{
text: 'Format', iconCls: 'add16'
}]
}]
});
p.show();



これは、リボンUIではないですか!Office 2007は使ったことはないのですが、見たことはあります。アイコンを載せればOffice 2007っぽい画面が、Ext JSで作ることができるというわけです。

覚えておいて何かのときに使ってみます(以前もこう言ったような気が...)。

スポンサーサイト

コメント

コメントの投稿

  • URL
  • コメント
  • パスワード
  • 秘密
  • 管理者にだけ表示を許可する

トラックバック

トラックバックURL:http://sookibizviz.blog81.fc2.com/tb.php/452-a2a2ca21

■  カレンダー

04 | 2019/05 | 06
- - - 1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31 -

■  プロフィール

sookibizviz

Author:sookibizviz
仕事の内容やソフトの紹介を交えながら、日々の悪戦苦闘を綴っていきます。

■  最新記事

■  最新コメント

■  最新トラックバック

■  月別アーカイブ

■  カテゴリ

未分類 (64)
BizViz (24)
IT (1119)
計量 (76)
環境 (26)
数学 (181)
ニュース (46)
本 (187)
音楽 (113)
囲碁 (5)
将棋 (26)
ブログ (14)
日記 (19)

■  FC2カウンター

■  検索フォーム

■  RSSリンクの表示

■  QRコード

QRコード
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。