imACMSearchSp

‹ ›

コンポーネント情報
モジュール	im-master-smartphone
導入されたバージョン	8.0.0
バージョン	8.0.0

機能説明

スタイルシートの宣言、利用するJavascriptの読み込みを行います。

jQuery Mobileの$.mobile.changePage等を利用して、検索画面を呼び出します。
検索画面への条件は、オブジェクトをJSON文字列に変換してセットすることで渡すことができます。
呼び出した画面の検索結果は、パラメータ callback_function に指定したクライアントサイドJavaScript関数の引数にオブジェクトとして渡されます。

検索結果オブジェクト：

検索結果オブジェクト配列 [0..*] (Array)
	keyField オブジェクトを一意に判別可能なフィールド名を列挙した文字列の配列(Array) 指定されるフィールドは *data* に必ず含まれます。
	displayName オブジェクトを画面に表示する際に使用する表示文字列 (String)
	type このデータの型を表します。基本はテーブル名 (String)
	data レスポンスデータ（Object）実際にデータベースから取得したレコードの内容がオブジェクトとして設定されます。引数の「取得する情報（prop）」に指定された項目をデータベースから取得し、その名称のプロパティを設定する。

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

分類	項目		プロパティ名					型	必須
画面構築基盤用	検索対象（使用拡張ポイント）		target					String	×
	基本情報描画領域		basic_area					String	×
	使用タブセット		tabs					Array	×
				配列インデックス				Object		×
					id			String			○
					title			String			○
	ウィンドウタイトル		wnd_title					String	×
	タイトルバーメッセージ		message					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			○
ユーザ検索固有	主所属による絞り込み		department_main_only					Boolean	×
キーワード検索固有	検索対象		keyword_search_target					Array	×
	検索対象			配列インデックス				String		○
	検索方法		keyword_search_type					String	×
暗黙条件	暗黙条件		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>タグ内です。

注意事項

このタグはスマートフォン用の画面向けに提供されています。
コールバック関数が指定されている画面は、DOM上に存在している必要があります。
- 検索画面よりコールバックされる対象の画面をajaxで呼び出している場合など、DOM上に存在させるようにしないとコールバック関数に値を返却することができなくなります。必ずDOMに存在するようにしてください。
- jQuery Mobileのajax有効かつchangePageメソッドで画面遷移する場合、すべてのページにdata-dom-cache属性を指定してください。
- 例：<div data-role=“page” data-theme=“a” data-dom-cache=“true”>

サンプル

ユーザ検索

<imart type="head"> 
  <imart type="imACMSearchSp"></imart> 
  <script type="text/javascript"> 
  $(document).delegate('#selectButton', 'tap', function(e) {  
    var page_path = $('base').attr('href') + 'im_master_smartphone/search/search'; 
    var param = new Object(); // 画面起動時の引数を格納 
    param.target= 'jp.co.intra_mart.im_master.search.user.smartphone'; 
    param.callback_function = 'resultSearch'; 
    var parameter_json_string = escape(ImJson.toJSONString(param)); // JSON 文字列に変換 
    // jqm の changePage を利用して検索画面に遷移 
    $.mobile.changePage(page_path, { 
      type : 'post', 
      data : { 
        parameter : parameter_json_string 
      }, 
      role : 'dialog' 
    }); 
  }); 
  //callback で指定した関数 
   function resultSearch(object) { 
   }
   </script> 
</imart> 

<a href="#" data-role="button" data-rel="dialog" id="selectButton">開く</a>

<imart type="head"> 
  <imart type="imACMSearchSp"></imart> 
  <script type="text/javascript"> 
  $(document).delegate('#selectButton', 'tap', function(e) {  
    var page_path = $('base').attr('href') + 'im_master_smartphone/search/search'; 
    var param = new Object(); // 画面起動時の引数を格納 
    param.target= 'jp.co.intra_mart.im_master.search.user.smartphone'; 
    param.callback_function = 'resultSearch'; 
    var parameter_json_string = escape(ImJson.toJSONString(param)); // JSON 文字列に変換 
    // jqm の changePage を利用して検索画面に遷移 
    $.mobile.changePage(page_path, { 
      type : 'post', 
      data : { 
        parameter : parameter_json_string 
      }, 
      role : 'dialog' 
    }); 
  }); 
  //callback で指定した関数 
   function resultSearch(object) { 
   }
   </script> 
</imart> 

<a href="#" data-role="button" data-rel="dialog" id="selectButton">開く</a>