基板設計記録WEBアプリその27

部品候補の情報は
同じ内容のものが多いので
入力フォームを追加・削除出来るjQueryプラグイン「Repeater」を使う

このプラグインを使うと同じ内容の入力フォーム
(候補の仕様やメーカー名、販売コードとか)を
ページを"更新せずに"追加や削除が出来る

このプラグインの特徴は、
様々なinput要素(textやtextarea、checkboxなど)を
グループにまとめて、追加・削除出来る事

ただjQueryの基本フォーマットと引数渡しの方法を知らないので
まずは上記の2つを学んでいく

(function($)
{
	$.fn.独自名称1 = function(options)
	{
		// パラメータデフォルト設定
		var 独自名称2 =
		{
		}
 
		// パラメータを配列化
		var 独自名称3 = $.extend(独自名称2, options);
 
		return this;
	}
})(jQuery);

$("#sample").独自名称1();

このように書くとプラグインを呼び出せる

これを実現する為に「$.fn.独自名称1」という記述をする。
プラグイン名称の設定はこのような感じ。

2つ目：引数渡しの方法

$("#sample").独自名称1({
color: "#ff0000",
size: 300,
loop: true
});

プラグインの受け取り方は以下のようになる

$.fn.独自名称1 = function(options)
{
	// パラメータデフォルト設定
	var 独自名称2 =
	{
	color: "#00ff00",
	size: 600,
	loop: false
	}
 
	// パラメータを配列化
	var 独自名称3 = $.extend(独自名称2, options);
}

コード先頭の$.fn.独自名称1 = function(options)の箇所で
optionsの部分が呼び出し側から渡される引数になる

これに習って次回は自作のjQueryを作成していく