ポップアップメニューでチェックボックス
ナビゲーションに移動
検索に移動
概要[編集]
ポップアップメニューを使ったチェックボックス(のようなもの)です。
機能[編集]
- 選択項目は、{ "項目名" : boolean }という形の連想配列で与えてください。
trueで与えると最初からチェックされます。 - 返り値も、連想配列です。
- キャンセルしたときの返り値は、与えた連想配列です。
履歴[編集]
- 20140125 初版
- 20140126 初期値を与えられるようにした。関数バージョンを追加した。キャンセルのとき、与えた連想配列を返すようにした。
コード[編集]
- オブジェクトバージョン
// chkbox.js
// 2014/01/25/
CheckBox = function(){
this.initialize.apply( this, arguments );
}
CheckBox.prototype = {
menuitem : "アイテム(連想配列)", // { key : boolean, …… }
index : "メニューに表示された順序",
initial : "初期選択状態",
initialize : function( arg1 ){
this.menuitem = arg1;
this.index = [];
this.initial = {};
for ( var key in arg1 ){
this.initial[ key ] = arg1[ key ];
}
},
show : function(){
var off = 5;
var r = 0, selcan = 0, selok = 1;
while( r >= 0 ){
r = showPopupMenu( this );
switch ( r ){
case selcan - off:
return this.initial;
case selok - off:
return this.menuitem;
default :
this.menuitem[ this.index[ r ] ] = !this.menuitem[ this.index[ r ] ];
};
}
function showPopupMenu( obj ){
var menu = CreatePopupMenu();
var i = 0;
obj.index = [];
for ( var key in obj.menuitem ){
menu.Add( key , i + off, ( obj.menuitem[ key ] )? meMenuChecked : 0 );
obj.index.push( key );
i++;
}
menu.Add( "---", 0, meMenuSeparator );
menu.Add( "キャンセル", selcan, 0 );
menu.Add( "選択終了", selok, 0 );
return menu.track( 0 ) - off;
}
}
}
var chkbox1 = new CheckBox( { "a":true, "b":false, "c":false, "d":false } );
var r = chkbox1.show();
for ( var i in r ){
Alert( i + " -> " + r[ i ] );
};
var r = chkbox1.show();
for ( var i in r ){
Alert( i + " -> " + r[ i ] );
};
- 関数バージョン
// chkbox2.js
// 2014/01/26/
var r = CheckBox( { "a":true, "b":false, "c":false, "d":false } );
for ( var i in r ){
Alert( i + " -> " + r[ i ] );
};
function CheckBox( arg1 ){
var menuitem = arg1;
var index = [];
var off = 5, selcan = 0, selok = 1;
var r = 0;
var initial = {};
for ( var key in arg1 ){
initial[key] = arg1[key];
}
while( r >= 0 ){
r = showPopupMenu();
switch ( r ){
case selcan - off:
for ( var key in menuitem ){
menuitem[key] = initial[key];
}
return menuitem;
case selok - off:
return menuitem;
default :
menuitem[ index[ r ] ] = !menuitem[ index[ r ] ];
}
}
function showPopupMenu(){
var menu = CreatePopupMenu();
var i = 0;
index = [];
for ( var key in menuitem ){
menu.Add( key , i + off, ( menuitem[ key ] )? meMenuChecked : 0 );
index.push( key );
i++;
}
menu.Add( "---", 0, meMenuSeparator );
menu.Add( "キャンセル", selcan, 0 );
menu.Add( "選択終了", selok, 0 );
return menu.track( 0 ) - off;
}
}
その他[編集]
- 連想配列を変数で宣言しておけば、関数の実行で変数が書き換えられることに気が付きました。
オブジェクトバージョンにメリットはなさそうです……。
var items = { "a":true, "b":false, "c":false, "d":false };
var r = CheckBox( items );
for ( var i in r ){
Alert( i + " -> " + r[ i ] );
};
CheckBox( items );
for ( var i in items ){
Alert( i + " -> " + items[ i ] );
};
スポンサーリンク