jQuery.imui.imuiZipcodeDialog

Constructor

imuiZipcodeDialog ( [Object options] ) Static

郵便番号検索ダイアログを作成します。

注意事項

Internet Explorerでは、ダイアログに配置するコンポーネントの組み合わせによっては、ダイアログの高さが意図せず増加する場合があります。
ダイアログを表示する要素にはかならずID属性を指定する必要があります。

callback関数には第1引数にイベント、第2引数に検索結果オブジェクトが受け渡されます。検索結果オブジェクトのプロパティは以下のとおりです。

プロパティの値はすべてString型になります。

属性名	説明
zipCode	郵便番号ハイフン無しの7桁の数字が返却されます。
oldZipCode	(旧)郵便番号ハイフン無しの3から5桁の数字が返却されます。
jisCode	全国地方公共団体コード(JIS X0401、X0402)
prefecture	都道府県名
city	市区町村名
town	町域名
prefectureKana	都道府県名（全角カタカナ）住所の郵便番号の場合のみ取得可能です。
cityKana	市区町村名（全角カタカナ）住所の郵便番号の場合のみ取得可能です。
townKana	町域名（全角カタカナ）住所の郵便番号の場合のみ取得可能です。
officeName	事業所名事業所の郵便番号の場合のみ取得可能です。
officeNameKana	事業所名（全角カタカナ）事業所の郵便番号の場合のみ取得可能です。
street	小字名、丁目、番地等事業所の郵便番号の場合のみ取得可能です。

Parameters

options : Object: OptionalDefault: {}; オプション
options.callback : Function(e/data): OptionalDefault: callback; 検索結果を受け取る関数を指定します
options.listRowNum : Number: OptionalDefault: 10; 一覧に表示するデータの行数を指定します
options.method : String: OptionalDefault: POST; ダイアログ取得時のリクエストメソッド
options.cache : Boolean: OptionalDefault: false; ダイアログ取得時の通信結果をキャッシュするかどうかを指定します。
options.closeOnEscape : Boolean: OptionalDefault: true; エスケープキーでダイアログを閉じるかどうかを指定します
options.draggable : Boolean: OptionalDefault: true; ダイアログがドラッグ移動できるかどうかを指定します
options.modal : Boolean: OptionalDefault: false; ダイアログ表示時に背面の操作制限を指定します
options.position : Array: OptionalDefault: []; ダイアログの表示位置を指定します
詳細は下記の position を指定する例を参照してください
options.resizable : Boolean: OptionalDefault: true; ダイアログがリサイズできるかどうかを指定します
options.stack : Boolean: OptionalDefault: true; ダイアログが、他のダイアログの上に積み重ねできるかどうかを指定します
options.title : String: OptionalDefault: ''; ダイアログのタイトルを指定します

//郵便番号検索ダイアログ
if($('#zipcode-dialog').size() == 0) {
    $('<div id="zipcode-dialog"></div>').appendTo(document.body);
}
$('#zipcode-dialog').imuiZipcodeDialog();

function callback(e, data) {
    // 検索結果を受け取った時の処理
}

//callback を指定する例
$('#zipcode-dialog').imuiZipcodeDialog({
    callback : function(e, data) {
        // 検索結果を受け取った時の処理
    }
});

//listRowNum を指定する例
$('#zipcode-dialog').imuiZipcodeDialog({
    callback : function(e, data) {
        // 検索結果を受け取った時の処理
    },
    listRowNum: 20
});

//position を指定する例
$('#zipcode-dialog').imuiZipcodeDialog({
    callback : function(e, data) {
        // 検索結果を受け取った時の処理
    },
    position: [100, 100]
});

Static members

Static MethodsDefined By

close ( ) Static jQuery.imui.imuiZipcodeDialog

ダイアログを閉じます。

//#target は、imuiZipcodeDialog のセレクタを指定してください。
$("#target").imuiZipcodeDialog("close");