logo

サイト内検索
ココログ最強検索 by 暴想

最近のトラックバック

無料ブログはココログ

« Reports Connect for Kintone テーブルのデータの読込その2 | トップページ | Reports Connect for Kintone PDFファイルをレコードに添付する »

Reports Connect for Kintone 画像の動的な設定

以前の記事で、Reports Connect for Kintoneで作成する帳票に必要な画像ファイルは、Reports Connectアプリの帳票レコードに添付して使用する、という説明をしました。
この方法は、会社のロゴ等、常に同じ画像を帳票上に表示するケースでは良いのですが、読み込むデータ上に帳票を持って、読んだデータによって帳票を変えたいケースでは、別の方法が使用できます。

前回使用した、見積書に表示しているロゴを、読み込む商談レコード上に添付してレコードに応じてそれが表示されるようにしてみます。

20131114_18h28_30
商談レコードに添付ファイルフィールドを追加して画像を添付出来るようにしました。

20131115_13h22_43
一方、Reports Connectの対応する帳票レコードには、「イメージファイルフィールド名」というフィールドがあります。
ここに、読み込むデータ上にあるイメージファイルを添付するフィールドのフィールドコードを指定します。

20131115_13h29_11
この指定により、Reports Connectは、データを読む際に、ここに指定したフィールドに添付されたファイルをサーバーに自動的にアップロードします。
kintoneではアップロードしたファイルには一意のfilekeyという、キー値が割り振られます。
自動的にアップロードされたファイルは、サーバー上のfilekey/ファイル名に保管されます。

次に、iReportを使ってjrxmlファイル側でこの画像ファイルを表示する設定を行います。

Reports Connectではファイルが添付されたレコードを読むと、ファイル添付のフィールドにはfilekey/ファイル名の文字列が返ります。
したがって、設定は簡単で、imageエレメントのプロパティ image Expressionに「$F{添付ファイル}」と設定するだけです。

20131115_13h39_32
ただし、このままだと、画像が添付されていないレコードを読んだ場合、エラーが出てしまうため、print when Expressionを以下のように設定してください。

 !$F{添付ファイル}.equals( "null" ) && !$F{添付ファイル}.equals( "" )

20131115_13h44_34
print when Expressionはこのエレメントを表示する条件を指定する項目で、この式により、フィールド添付ファイルの値が"null"か空文字の場合は表示しない設定になりますので、エラーが回避されます。

以上で、レコードに添付された画像を該当箇所に表示するようになりました。

20131115_13h52_32

なお、今回作成したjrxmlファイルはこちらからダウンロードできます。

estimatesd2.jrxml

-------追記 2015/10/07--------

データ側のアプリに複数のイメージファイルをアップロードすることで、複数のイメージを帳票に表示することが可能になりました。

複数のイメージファイルをアップロードすると、Reportsconnectには、ファイル添付のフィールドに filekey/ファイル名 の文字列が ; 区切りで返ります。

一方、サーバーにはそれぞれのファイルが filekey/ファイル名 に保管されますので、iReportでimageエレメントのプロパティ image Expression で $F{添付ファイル}の値を ; 区切りで区切って、欲しい画像のファイル名を取り出せば、選択的にイメージを表示出来ます。

例として、

 $F{添付ファイル}.split(";")[0]

と指定すれば、添付した最初のイメージが表示されます。

同様に、配列のインデックスを1とすれば( $F{添付ファイル}.split(";")[1] )2つ目に添付したイメージを表示できます。

なお、従来通り

 $F{添付ファイル}

とした場合は、最後に添付したイメージが表示されます。

 

« Reports Connect for Kintone テーブルのデータの読込その2 | トップページ | Reports Connect for Kintone PDFファイルをレコードに添付する »

Kintone」カテゴリの記事

Reports Connect」カテゴリの記事

コメント

コメントを書く

(ウェブ上には掲載しません)

トラックバック

この記事のトラックバックURL:
http://app.f.cocolog-nifty.com/t/trackback/1482716/53942092

この記事へのトラックバック一覧です: Reports Connect for Kintone 画像の動的な設定:

« Reports Connect for Kintone テーブルのデータの読込その2 | トップページ | Reports Connect for Kintone PDFファイルをレコードに添付する »