Knockout.js/visibleバインディング - 版の履歴

imported>Administrator: /* 使用例 */

2012-04-20T08:10:28Z

使用例

← 古い版		2012年4月20日 (金) 08:10時点における版
27行目:		27行目:
	<script type="text/javascript">		<script type="text/javascript">
	jQuery(function() {		jQuery(function() {
	// ~~モデル~~		// ビューモデル
	var AppViewModel = function() {		var AppViewModel = function() {
	this.shouldShowMessage = ko.observable(true);		this.shouldShowMessage = ko.observable(true);

imported>Administrator: Knockout/visibleバインディングをKnockout.js/visibleバインディングへ移動

2012-04-11T16:15:09Z

Knockout/visibleバインディングをKnockout.js/visibleバインディングへ移動

← 古い版	2012年4月11日 (水) 16:15時点における版
(相違点なし)

2012年4月11日 (水) 16:14にimported>Administratorによる

2012-04-11T16:14:54Z

← 古い版		2012年4月11日 (水) 16:14時点における版
1行目:		1行目:
	[[Knockout]]の'''visibleバインディング'''とは、パラメーターの値に応じ、関連付けられた[[DOM]]要素を表示または非表示にする[[Knockout/可視バインディング\|可視バインディング]]のひとつである。		[[Knockout.js]]の'''visibleバインディング'''とは、パラメーターの値に応じ、関連付けられた[[DOM]]要素を表示または非表示にする[[Knockout.js/可視バインディング\|可視バインディング]]のひとつである。

	== パラメーター ==		== パラメーター ==
13行目:		13行目:
	非表示から表示になる際は「スタイル設定の削除」なので、たとえばdivのstyle.displayにinlineを設定していると、divのstyle.displayのデフォルト値であるblockになってしまう。		非表示から表示になる際は「スタイル設定の削除」なので、たとえばdivのstyle.displayにinlineを設定していると、divのstyle.displayのデフォルト値であるblockになってしまう。

	[[Knockout/~~observable~~]]でない値をバインディングした場合は、バインディング適用時（[[Knockout/~~applyBindings~~]]実行時）に1回だけ更新されて以降は更新されない。		[[Knockout.js/observable関数\|observable関数]]でない値をバインディングした場合は、バインディング適用時（[[Knockout.js/applyBindings関数\|applyBindings関数]]実行時）に1回だけ更新されて以降は更新されない。

	== 使用例 ==		== 使用例 ==
58行目:		58行目:

	== 関連項目 ==		== 関連項目 ==
	* [[Knockout]]		* [[Knockout.js]]
	** [[Knockout/可視バインディング\|可視バインディング]]		** [[Knockout.js/可視バインディング\|可視バインディング]]
			** [[Knockout.js/制御フローバインディング\|制御フローバインディング]]

	== 参考文献 ==		== 参考文献 ==

2012年4月11日 (水) 08:32にimported>Administratorによる

2012-04-11T08:32:00Z

← 古い版		2012年4月11日 (水) 08:32時点における版
1行目:		1行目:
	[[Knockout]]の'''visibleバインディング'''~~とは、DOM要素に結び付けられたモデルの値に応じて、DOM要素を表示または非表示にするバインディングのことである。~~		[[Knockout]]の'''visibleバインディング'''とは、パラメーターの値に応じ、関連付けられた[[DOM]]要素を表示または非表示にする[[Knockout/可視バインディング\|可視バインディング]]のひとつである。

	== パラメーター ==		== パラメーター ==
59行目:		59行目:
	== 関連項目 ==		== 関連項目 ==
	* [[Knockout]]		* [[Knockout]]
			** [[Knockout/可視バインディング\|可視バインディング]]

	== 参考文献 ==		== 参考文献 ==
	<references/>		<references/>

imported>Administrator: Knockout/visibleをKnockout/visibleバインディングへ移動

2012-04-10T15:13:09Z

Knockout/visibleをKnockout/visibleバインディングへ移動

← 古い版	2012年4月10日 (火) 15:13時点における版
(相違点なし)

2012年4月10日 (火) 15:12にimported>Administratorによる

2012-04-10T15:12:52Z

← 古い版		2012年4月10日 (火) 15:12時点における版
1行目:		1行目:
	[[Knockout]]の'''~~visible~~'''~~バインディングとは、DOM要素に結び付けられたモデルの値に応じて、DOM要素が表示または非表示になる。~~		[[Knockout]]の'''visibleバインディング'''とは、DOM要素に結び付けられたモデルの値に応じて、DOM要素を表示または非表示にするバインディングのことである。

	== パラメーター ==		== パラメーター ==

imported>Administrator: /* パラメーター */

2012-04-10T10:30:15Z

パラメーター

← 古い版		2012年4月10日 (火) 10:30時点における版
2行目:		2行目:

	== パラメーター ==		== パラメーター ==
	~~値がfalse系（false、数字の「0」、null、undefined）の場合には、domElement~~.style.displayにnoneに設定し、項目を非表示にする。		=== false ===
			値がfalse系の場合（false、数字の「0」、null、undefined）の場合には、domElement.style.displayにnoneに設定し、項目を非表示にする。

			=== true ===
	値がtrue系（true、非nullのオブジェクト、配列）の場合には、domElement.style.displayを削除し、項目を非表示にする。		値がtrue系（true、非nullのオブジェクト、配列）の場合には、domElement.style.displayを削除し、項目を非表示にする。

			=== ノート ===
	[[JavaScript]]で動的に上書きするので、あらかじめ[[CSS]]で設定したスタイルよりも優先されるので注意すること。		[[JavaScript]]で動的に上書きするので、あらかじめ[[CSS]]で設定したスタイルよりも優先されるので注意すること。

imported>Administrator: /* パラメーター */

2012-04-10T09:53:16Z

パラメーター

← 古い版		2012年4月10日 (火) 09:53時点における版
10行目:		10行目:
	非表示から表示になる際は「スタイル設定の削除」なので、たとえばdivのstyle.displayにinlineを設定していると、divのstyle.displayのデフォルト値であるblockになってしまう。		非表示から表示になる際は「スタイル設定の削除」なので、たとえばdivのstyle.displayにinlineを設定していると、divのstyle.displayのデフォルト値であるblockになってしまう。

	[[Knockout/observable]]~~でない値をバインディングした場合は、バインディング実行時（~~[[Knockout/applyBindings]]実行時）に1回だけ更新されて以降は更新されない。		[[Knockout/observable]]でない値をバインディングした場合は、バインディング適用時（[[Knockout/applyBindings]]実行時）に1回だけ更新されて以降は更新されない。

	== 使用例 ==		== 使用例 ==

imported>Administrator: /* パラメーター */

2012-04-10T09:52:57Z

パラメーター

← 古い版		2012年4月10日 (火) 09:52時点における版
7行目:		7行目:

	[[JavaScript]]で動的に上書きするので、あらかじめ[[CSS]]で設定したスタイルよりも優先されるので注意すること。		[[JavaScript]]で動的に上書きするので、あらかじめ[[CSS]]で設定したスタイルよりも優先されるので注意すること。

	非表示から表示になる際は「スタイル設定の削除」なので、たとえばdivのstyle.displayにinlineを設定していると、divのstyle.displayのデフォルト値であるblockになってしまう。		非表示から表示になる際は「スタイル設定の削除」なので、たとえばdivのstyle.displayにinlineを設定していると、divのstyle.displayのデフォルト値であるblockになってしまう。

	[[Knockout/observable]]でない値をバインディングした場合は、バインディング実行時（[[Knockout/applyBindings]]実行時）に1回だけ更新されて以降は更新されない。		[[Knockout/observable]]でない値をバインディングした場合は、バインディング実行時（[[Knockout/applyBindings]]実行時）に1回だけ更新されて以降は更新されない。

imported>Administrator: /* パラメーター */

2012-04-10T09:52:37Z

パラメーター

← 古い版		2012年4月10日 (火) 09:52時点における版
2行目:		2行目:

	== パラメーター ==		== パラメーター ==
	~~値がfalse系の場合には、domElement~~.style.displayにnoneに設定し、項目を非表示にする。		値がfalse系（false、数字の「0」、null、undefined）の場合には、domElement.style.displayにnoneに設定し、項目を非表示にする。
	* false系の値について
	** false
	** 数字の「0」
	** null
	** undefined

	~~値がtrue系の場合には、domElement~~.style.displayを削除し、項目を非表示にする。		値がtrue系（true、非nullのオブジェクト、配列）の場合には、domElement.style.displayを削除し、項目を非表示にする。
	* true系の値について
	** true
	** 非nullのオブジェクト
	** 配列は中身に関係なくtrue扱い

	[[JavaScript]]で動的に上書きするので、あらかじめ[[CSS]]で設定したスタイルよりも優先されるので注意すること。		[[JavaScript]]で動的に上書きするので、あらかじめ[[CSS]]で設定したスタイルよりも優先されるので注意すること。

	非表示から表示になる際は「スタイル設定の削除」なので、たとえばdivのstyle.displayにinlineを設定していると、divのstyle.displayのデフォルト値であるblockになってしまう。		非表示から表示になる際は「スタイル設定の削除」なので、たとえばdivのstyle.displayにinlineを設定していると、divのstyle.displayのデフォルト値であるblockになってしまう。

	[[Knockout/observable]]でない値をバインディングした場合は、バインディング実行時（[[Knockout/applyBindings]]実行時）に1回だけ更新されて以降は更新されない。		[[Knockout/observable]]でない値をバインディングした場合は、バインディング実行時（[[Knockout/applyBindings]]実行時）に1回だけ更新されて以降は更新されない。