現在のところ、サンプルのみの公開にとどまっています……

 

<button>

var wnd= new Window ('dialog', 'button');
wnd.margins= 20;
var btA= wnd.add('button', {x:0, y:0, width:130, height:26}, 'OK', {name:'ok'});
btA.onClick= function () { alert('Pushed OK'); wnd.close();}
var btB= wnd.add('button', {x:0, y:0, width:130, height:26}, 'Cancel', {name:'cancel'});
btB.onClick= function () { alert('Pushed Cancel'); wnd.close();}
wnd.show();

 

<checkbox>

var wnd= new Window ('dialog', 'checkbox');
wnd.margins= 20;
wnd.cbA= wnd.add('checkbox', {x:0, y:0, width:130, height:24}, 'checkbox 1');
wnd.cbB= wnd.add('checkbox', {x:0, y:0, width:130, height:24}, 'checkbox 2');
var btnObj= wnd.add( 'button', undefined, 'Close');
btnObj.onClick = function() { wnd.close(); }
wnd.show();
//windowが閉じられた後にコントロールの状態を確認
$.writeln ('checkbox 1= '+wnd.cbA.value);
$.writeln ('checkbox 2= '+wnd.cbB.value);

 

<radiobutton>

var wnd= new Window ('dialog', 'radiobutton');
wnd.margins= 20;
wnd.rbA= wnd.add('radiobutton', undefined, 'radiobutton A');
wnd.rbB= wnd.add('radiobutton', undefined, 'radiobutton B');
wnd.rbA.value= true;
var btnObj= wnd.add( 'button', undefined, 'Close');
btnObj.onClick = function() { wnd.close(); }
wnd.show();
//windowが閉じられた後にコントロールの状態を確認
var res= wnd.rbA.value ? 'radiobutton A' : 'radiobutton B';
$.writeln (res);

※同じコンテナオブジェクト上(この場合はwindow)のradiobuttonは自動的に排他的な動きをします(複数選択されない)。

 

<statictext>

var wnd= new Window ('dialog', 'statictext');
wnd.margins= 20;
wnd.add('statictext', undefined, '愛のある豊かなABCDE気持ち');
var btnObj= wnd.add( 'button', undefined, 'Close');
btnObj.onClick = function() { wnd.close(); }
wnd.show();

 

<edittext>

var wnd= new Window ('dialog', 'edittext');
wnd.margins= 20;
wnd.changedFlag= false; //内容が変更されたかを表すフラグ
wnd.objA= wnd.add('edittext', {x:0, y:0, width:168, height:24}, '愛のある豊かなABCDE気持ち');
wnd.objA.onChanging= function () { wnd.changedFlag=true }; //内容が変更されたらフラグを立てる(以下同)
wnd.objB= wnd.add('edittext', {x:0, y:0, width:168, height:24}, '愛のある豊かなABCDE気持ち', {readonly:true});
wnd.objC= wnd.add('edittext', {x:0, y:0, width:168, height:24}, 'borderless', {borderless:true});
wnd.objC.onChanging= function () { wnd.changedFlag=true };
wnd.objD= wnd.add('edittext', {x:0, y:0, width:168, height:42}, 'multiline: ABCDEFGHIJKLMNOPQRSTUWXYZ', {multiline:true});
wnd.objD.onChanging= function () { wnd.changedFlag=true };
wnd.objE= wnd.add('edittext', {x:0, y:0, width:168, height:42}, 'multiline&nonScrollable: ABCDEFGHIJKLMNOPQRSTUWXYZ0123456789', {multiline:true, scrolling:false});
wnd.objE.onChanging= function () { wnd.changedFlag=true };
var btnObj= wnd.add( 'button', undefined, 'Close');
btnObj.onClick = function() { wnd.close(); }
wnd.show();
//windowが閉じられた後に内容に変更があったかを確認
$.writeln (wnd.changedFlag);

 

<dropdownlist>

var menu= ['ラーメン','ギョーザ','チャーハン'];
var wnd= new Window ('dialog', 'dropdownlist');
wnd.margins= 20;
wnd.menu= wnd.add('dropdownlist', {x:0, y:0, width:130, height:24}, menu);
wnd.menu.selection= 0;
var btnObj= wnd.add( 'button', undefined, 'Close');
btnObj.onClick = function() { wnd.close(); }
wnd.show();
//windowが閉じられた後にコントロールの状態を確認
$.writeln (wnd.menu.selection);

 

<listbox>

var list= ['ダイヤ','サファイア','ルビー'];
var wnd= new Window ('dialog', 'listbox'); 
wnd.margins= 20;
wnd.list= wnd.add('listbox', undefined, list);
wnd.list.selection= 0;
var btnObj= wnd.add( 'button', undefined, 'Close');
btnObj.onClick = function() { wnd.close(); }
wnd.show();
//windowが閉じられた後にコントロールの状態を確認
$.writeln (wnd.list.selection);

※windows 10では機能しないようです。

 

<treeview>

var wnd= new Window ('dialog', 'treeview');
wnd.margins= 20;
wnd.tree= wnd.add('treeview', {x:0, y:0, width:130, height:200}, ['マンガ','アニメ','ゲーム']);
wnd.tree.items[0].add('node', '巨人の星');
wnd.tree.items[0].add('node', 'あしたのジョー');
wnd.tree.items[0].add('node', 'マカロニほうれん荘');
wnd.tree.items[1].add('node', '鉄腕アトム');
wnd.tree.items[1].add('node', 'ハクション大魔王');
wnd.tree.items[1].add('node', 'マジンガーZ');
wnd.tree.items[2].add('node', 'クレージークライマー');
wnd.tree.items[2].add('node', 'ドンキーコング');
wnd.tree.items[2].add('node', 'ディグダグ');
var btnObj= wnd.add( 'button', undefined, 'Close');
btnObj.onClick = function() { wnd.close(); }
wnd.show();
$.writeln (wnd.tree.selection);

 

<slider>

var wnd= new Window ('dialog', 'slider');
wnd.margins= 20;
wnd.sld= wnd.add('slider', {x:0, y:0, width:150, height:24});
wnd.sld.minvalue= 0;
wnd.sld.maxvalue= 100;
wnd.sld.value= 50;
var btnObj= wnd.add( 'button', undefined, 'Close');
btnObj.onClick = function() { wnd.close(); }
wnd.show();
//windowが閉じられた後にコントロールの状態を確認
$.writeln (wnd.sld.value);

 

<Panel>

var wnd= new Window ('dialog', 'Panel');
wnd.margins= 20;
wnd.orientation= 'row';
pnlA= wnd.add('Panel', undefined, 'Class 1');
wnd.rbA= pnlA.add('radiobutton', undefined, '1-A');
wnd.rbB= pnlA.add('radiobutton', undefined, '1-B');
wnd.rbC= pnlA.add('radiobutton', undefined, '1-C');
wnd.rbA.value= true;
pnlB= wnd.add('Panel', undefined, 'Class 2');
wnd.rbD= pnlB.add('radiobutton', undefined, '2-A');
wnd.rbE= pnlB.add('radiobutton', undefined, '2-B');
wnd.rbF= pnlB.add('radiobutton', undefined, '2-C');
wnd.rbD.value= true;
wnd.show();

※同じコンテナオブジェクト上(この場合はPanel)のradiobuttonは自動的に排他的な動きをします(複数選択されない)。

 

 

Joomla templates by a4joomla