imACMSearchDialog

‹ ›

コンポーネント情報
モジュール	im_master
導入されたバージョン	8.0.0
バージョン	8.0.12

機能説明

共通検索ダイアログを呼び出すオブジェクトを生成します。

生成したオブジェクトのopenメソッドを使用することで、検索ダイアログを表示します。
検索ダイアログへはオブジェクト形式で条件をセットすることができます。

呼び出したダイアログの検索結果は、パラメータ callback_function に指定したクライアントサイドJavaScript関数の引数にオブジェクトとして渡されます。

ダイアログの横幅、縦幅に関連する属性が設定されていない場合、検索ダイアログデフォルトサイズ設定に設定されている値によって固定サイズかウィンドウサイズを基準とした相対的なサイズかが決定します。
設定方法については設定ファイルリファレンスを参照ください。

検索結果オブジェクト：

検索結果オブジェクト配列 [0..*] (Array)
	keyFields オブジェクトを一意に判別可能なフィールド名を列挙した文字列の配列(Array) 指定されるフィールドは *data* に必ず含まれます。
	displayName オブジェクトを画面に表示する際に使用する表示文字列 (String)
	deleteFlag 論理削除フラグ (Boolean) true ：論理削除されているデータ false：生存しているデータ
	type このデータの型を表します。基本はテーブル名 (String)
	data レスポンスデータ（Object）実際にデータベースから取得したレコードの内容がオブジェクトとして設定されます。引数の「取得する情報（prop）」に指定された項目をデータベースから取得し、その名称のプロパティを設定する。
	basic_info 基本情報(Object) 該当オブジェクトを選択した際に使用された基本条件を格納しているオブジェクトです。オブジェクトの形式は基本条件領域に使用するプラグインに依存します。

セット可能なパラメータ：

分類	項目		プロパティ名					型	必須
画面構築基盤用	検索対象（使用拡張ポイント）		target					String	○
	基本情報描画領域		basic_area					String	×
	使用タブセット		tabs					Array	×
				配列インデックス				Object		×
					id			String			○
					title			String			○
	ウィンドウタイトル		wnd_title					String	×
	タイトルバーメッセージ		message					String	×
	選択後のウィンドウの動作		wnd_close					Boolean	×
	複数選択の選択項目クリア設定		multiple_select_clear					Boolean	×
	ポップアップ対象ウィンドウ名		wnd_target					String	×
	コールバックファンクション		callback_function					String	○
	タブの初期フォーカス		default_tab_id					String	×
	単一選択・複数選択		type					String	×
	初期選択オブジェクト		default_selected					Array	×
	初期選択オブジェクト			結果形式JSONオブジェクト				Object		×
共通パラメータ	検索基準日		target_date					Date	×
	削除データの使用		deleted_data					Boolean	×
	表示ロケール		target_locale					String	×
準共通パラメータ	取得する情報（項目）		prop					Object	×
				タブID				Array		×
					配列インデックス			String			○
ユーザ検索固有	補足情報の表示		additional_disp					Boolean	×
		検索名表示	additional_user_search_name					Boolean	×
		所属表示	additional_dept					Boolean	×
暗黙条件	暗黙条件		criteria					Object	×
	組織セット表示設定			department_set_disp				Object		×
	組織セット表示設定				type			String			○
	デフォルト組織セットリスト				list			Array			×
						配列インデックス		Object				×
							company_cd	String					○
							department_set_cd	String					○
	会社組織系	会社		company				Array		×
					配列インデックス			Object			×
						company_cd		String				○
		組織リスト		department_set_list				Array		×
					配列インデックス			Object			×
						company_cd		String				○
						department_set_cd		String				○
						department		Object				×
							department_cd	String					○
							compare	String					×
						post		Object				×
							post_cd	String					○
							compare	String					×
		組織		department_set				Object		×
					company_cd			String			○
					department_set_cd			String			○
					department			Object			×
						department_cd		String				○
						compare		String				×
		組織＋役職			post			Object			×
						post_cd		String				○
						compare		String				×
		組織分類項目		dept_ctg_item				Array		×
					配列インデックス			Object			×
						company_cd		String				○
						category_cd		String				○
						category_item_cd		Array				○
							配列インデックス	String					○
	パブリックG系	パブリックGセット		public_group_set				Object		×
		パブリックGセット			public_group_set_cd			String			○
		パブリックG			public_group			Object			○
						public_group_cd		String				○
						compare		String				×
		パブリックG＋役割			public_group_role			Object			×
						role_cd		String				○
						compare		String				×
		パブリックG分類項目		public_group_ctg_item				Array		×
					配列インデックス			Object			×
						category_cd		String				○
						category_item_cd		Array				○
							配列インデックス	String					○
	プライベートG系	オーナーCD		private_group_owner				String		×
	ユーザ分類系	ユーザ分類		user_ctg_item				Array		×
					配列インデックス			Object			×
						category_cd		String				○
						category_item_cd		Array				○
							配列インデックス	String					○
	ロール系	ロール		role				String		×

制約

本タグを配置する場所は、HTML の<HEAD>タグ内です。

注意事項：

ブラウザとサーバ間通信のデータ形式は JSON です。

属性一覧

注釈	属性名	型	説明	省略時の動作
	`autoHeight`	String	ウィンドウの高さを基準とし、相対的な高さ指定します 80 と指定した場合、ウィンドウに対して80パーセントの高さでダイアログを表示します height 属性を指定していた場合、height 属性は無視されます本属性は Ver.8.0.21 以降のバージョンで使用可能です（imuiDialogを参照）	70（検索ダイアログデフォルトサイズ設定がtrueの場合は設定なし）
	`autoWidth`	String	ウィンドウの横幅を基準とし、相対的な横幅を指定します 80 と指定した場合、ウィンドウに対して80パーセントの横幅でダイアログを表示します width 属性を指定していた場合、width 属性は無視されます本属性は Ver.8.0.21 以降のバージョンで使用可能です（imuiDialogを参照）	60（検索ダイアログデフォルトサイズ設定がtrueの場合は設定なし）
Boolean属性	`closeOnEscape`	boolean	エスケープキーでダイアログを閉じるかどうかを指定します本属性は Ver.8.0.21 以降のバージョンで使用可能です（imuiDialogを参照）	true
	`dialogClass`	String	ダイアログに追加したいクラスを指定します（imuiDialogを参照）	""
Boolean属性	`draggable`	String	ダイアログのドラッグ移動の可能、不可能を指定します（imuiDialogを参照）	true
	`height`	String	ダイアログの縦幅を指定します（imuiDialogを参照）	600（検索ダイアログデフォルトサイズ設定がfalseの場合は設定なし）
	`id`	String	ダイアログのidです（imuiDialogを参照）	"imACMSearchDialog"
	`librariesVersion`	String	共通検索ダイアログ内のライブラリのバージョンを指定します。 “iap-8.0.0”,“iap-8.0.11”のいずれかを指定します。未指定の場合は呼び出し元画面と同様のライブラリのバージョンが適用されます。本属性は Ver.8.0.12 以降のバージョンで使用可能です。	呼び出し元画面の librariesVersion
	`maxHeight`	String	ダイアログの縦幅の上限を指定します本属性は Ver.8.0.21 以降のバージョンで使用可能です（imuiDialogを参照）	1200（検索ダイアログデフォルトサイズ設定がtrueの場合は設定なし）
	`maxWidth`	String	ダイアログの横幅の上限を指定します本属性は Ver.8.0.21 以降のバージョンで使用可能です（imuiDialogを参照）	1600（検索ダイアログデフォルトサイズ設定がtrueの場合は設定なし）
	`minHeight`	String	ダイアログの縦幅の下限を指定します本属性は Ver.8.0.21 以降のバージョンで使用可能です（imuiDialogを参照）	600（検索ダイアログデフォルトサイズ設定がtrueの場合は設定なし）
	`minWidth`	String	ダイアログの横幅の下限を指定します本属性は Ver.8.0.21 以降のバージョンで使用可能です（imuiDialogを参照）	800（検索ダイアログデフォルトサイズ設定がfalseの場合は設定なし）
Boolean属性	`modal`	String	ダイアログ表示時に背面の操作制限を指定します（imuiDialogを参照）	true
	`name`	String	生成するオブジェクトの名称を指定します	"imACMSearchDialog"
Boolean属性	`noscript`	String	本タグを実行するために必要なスクリプトの読み込みを行うかを指定します。スクリプトを読み込む場合はfalse、読み込まない場合はtrueを指定します。 trueを指定する場合は予めスクリプトが読み込まれている必要があります。以下が本タグを実行するために必要なスクリプトです。 csjs/im_json.js csjs/im_date.js	false
	`position`	Array/String	ダイアログの表示位置を指定します（imuiDialogを参照）	"center"
Boolean属性	`resizable`	boolean	ダイアログがリサイズできるかどうかを指定します本属性は Ver.8.0.21 以降のバージョンで使用可能です（imuiDialogを参照）	false
	`width`	String	ダイアログの横幅を指定します（imuiDialogを参照）	800（検索ダイアログデフォルトサイズ設定がtrueの場合は設定なし）

サンプル

ユーザ検索

<imart type="head">
    <imart type="imACMSearchDialog" />
    <script type="text/javascript">
        $(function() {
            $("#search").bind('click', function () {
              openSearchDialog();
            });
        });
        /**
         * open関数
         */
        function openSearchDialog() {
            var parameter = {
                tabs : [
                    {
                        id    : "jp.co.intra_mart.master.app.search.tabs.user.list_user",
                        title : "キーワード"
                    }
                ],
                prop : {
                    'jp.co.intra_mart.master.app.search.tabs.user.list_user' : ['user_cd', 'user_name']
                },
                callback_function           : 'setUser',
                basic_area                  : 'jp.co.intra_mart.master.app.search.headers.readonly',
                wnd_title                   : "ユーザ検索",
                message                     : "ユーザ検索",
                wnd_close                   : true,
                type                        : 'multiple',
                deleted_data                : false,
                target_locale               : 'ja',
                additional_disp             : true,
                additional_user_search_name : true,
                additional_dept             : true
            };
            
            // 検索画面を開く
            imACMSearchDialog.open(parameter);
        }
        
        /**
         * callback関数
         */
        function setUser(object){
            var str = "";
            for (var i = 0; i < object.length; i++) {
                str += object[i].data.user_name + "\n";
            }
            
            // 検索結果をアラートで表示
            alert(str);
        }
    </script>
</imart>

<imart type="imuiButton" id="search" value="検索" class="imui-medium-button mt-20" />

<imart type="head">
    <imart type="imACMSearchDialog" />
    <script type="text/javascript">
        $(function() {
            $("#search").bind('click', function () {
              openSearchDialog();
            });
        });
        /**
         * open関数
         */
        function openSearchDialog() {
            var parameter = {
                tabs : [
                    {
                        id    : "jp.co.intra_mart.master.app.search.tabs.user.list_user",
                        title : "キーワード"
                    }
                ],
                prop : {
                    'jp.co.intra_mart.master.app.search.tabs.user.list_user' : ['user_cd', 'user_name']
                },
                callback_function           : 'setUser',
                basic_area                  : 'jp.co.intra_mart.master.app.search.headers.readonly',
                wnd_title                   : "ユーザ検索",
                message                     : "ユーザ検索",
                wnd_close                   : true,
                type                        : 'multiple',
                deleted_data                : false,
                target_locale               : 'ja',
                additional_disp             : true,
                additional_user_search_name : true,
                additional_dept             : true
            };
            
            // 検索画面を開く
            imACMSearchDialog.open(parameter);
        }
        
        /**
         * callback関数
         */
        function setUser(object){
            var str = "";
            for (var i = 0; i < object.length; i++) {
                str += object[i].data.user_name + "\n";
            }
            
            // 検索結果をアラートで表示
            alert(str);
        }
    </script>
</imart>

<imart type="imuiButton" id="search" value="検索" class="imui-medium-button mt-20" />