2016-05-25このCookBookでは、imuiListTableでセルに配置したアイコンから別画面に遷移する方法について紹介しています。imuiListTableについての詳細はAPIドキュメントを参照してください。「Information」アイコンをクリックしてください。別画面が表示されます。完成サンプル以下の完成サンプルをダウンロードしてご活用ください。im_cookbook_113323_listtable_icon.immローカル環境で表示させる場合は、以下のURLにアクセスしてください。http://localhost:8080/imart/im_cookbook/113323/listなおベースURLである以下の部分は、環境に合わせて適宜変更してください。タグを作成してください。データ取得用のファイルを用意してください。別の画面に遷移するfunctionを作成してください。アイコンを入れる行を含めたimuiListTableタグを作成してください。プレゼンテーションページにimuiListTableタグを定義してください。今回はinformationカラムに別ページへ遷移する情報アイコンを表示します。informationカラムにはcallFunctionタグを含めてください。callFunctionタグにはカラムのセルクリック時に実行する関数を定義することができます。callFunctionタグのname属性に実行する関数名を指定してください。データ取得用のファイルを用意してください。以下のように、サーバサイドでリストテーブルに表示するデータを取得するファイルを作成してください。/>'を指定しています。別の画面に遷移するfunctionを作成してください。タグを作成してください。」のcallFunctionに定義したfunctionを作成してください。callFunctionによって呼ばれたfunctionはrowId(行のキー)を受け取る事ができます。rowIdはcolタグのkey属性にtrueを指定したものです。今回は'productId'をキーに指定しています。rowIdをフォームのパラメータに含めています。{$('#product-id').val(rowId);$('#information-form').submit();}subimitするformは以下のように定義してください。受け取ったプロダクトIDを表示しています。これでimuiListTable表示時に別画面へ遷移するアイコンをセルに表示することができました。コメントをキャンセルメールアドレスが公開されることはありません。browser.関連記事IM-FormaDesignerで作成したフォーム内で、外部連携を利用して最も簡単に値を渡す方法(単一アイテム編)このCookBookでは、IM-FormaDesignerで作成したフォーム画面の中で、アイテムからアイテムへ値を渡す方法について紹介します。...Forma標準アプリとIM-LogicDesignerを利用してBISワークフローの一括承認画面を作成するこのCookBookでは、Forma標準アプリとLogicDesignerを利用して、BISワークフローの一括承認画面を作成する方法を紹介します。環境を構築する手順について紹介しています。...申請時の注意事項を添付ファイルとして配置する方法このCookBookでは、申請時の注意事項を記載したファイルを、申請画面の添付ファイルとして配置する方法について紹介しています。製品紹介・お知らせ週間ランキングまだデータがありません。アップデート版をリリースしました。アップデート版をリリースしました。アップデート版をリリースしました。アップデート版をリリースしました。アップデート版をリリースしました。パッチをリリースしました。パッチをリリースしました。パッチをリリースしました。パッチをリリースしました。パッチをリリースしました。アップデートしました。アップデートしました。アップデートしました。アップデートしました。アップデートしました。スポンサードサーチ削除パッチをリリースしました。スポンサードサーチ削除パッチをリリースしました。スポンサードサーチ削除パッチをリリースしました。スポンサードサーチ削除パッチをリリースしました。最新署名版ファイルアップロードJavaアプレットをリリースしました。