SkyVisualEditor で使ってるコードちょっとだけ教えます

～ PDF での文字列折返し～

吉田 寛　（ @xlouder ）

Force.com Developer Group JP Meetup #12012/06/27

自己紹介

所属：株式会社テラスカイ　　　　製品開発部　 SkyVisualEditor チーム　　　　クラウド好き。スポーツ好き。

吉田 寛（ Hiroshi Yoshita ）@xlouder

『 SkyVisualEditor 』 って？

Drag & Drop

Visualforce

<apex:dataTable value="{!

setConditionBean.conDispBean

s}" var="gridData"

id="conselGrid"

cellpadding="5"

cellspacing="0"

styleClass="tableStyle">

<apex:column >

<apex:facet

name="header"><apex:outputT

ext value=""/>&nbsp;</apex:facet>

<apex:outputText

styleClass="namber" value="{!

gridData.conBean.conNumber}

"/>

<apex:inputhidden

value="{!

gridData.conBean.conNumber}

"/>

Apex

public class

SetKeyItemBean {

System.LoggingLevel level

= LoggingLevel.ERROR;

private XMLDataBean

xmlDataBean;

private

List<SelectOption>

foreignkeyItemList;

private

List<AbstractDataBean>

sfBeanList;

private String

foreignkeyItem;

private String

displayFGL1='none';

private Boolean

checkBox=false;

private String

displayFGL2='none';

private String checkFLG;

private

SFDuplicationBean

duplicationBean=new

SFDuplicationBean();

// チェックボックス

Salesforce の画面を作成することができるサービス「 Visualforce ページ」、「 Apexクラス」を自動生成するサービス

こんなの作れるよ

以上、宣伝でした。

さて、本題。

質問です。

質問です。

テーマ ： PDF 画面での文字列折返し

ここ。（文字列折返し）

<TABLE>

<apex:dataTable>

ここ。（文字列折返し）

検証 : 値が未表示の状態

値表示。（予定）

<TABLE>

<apex:detaTable>

検証 : 値表示 (outputField)

<apex:outputField value="{!record.Text1__c}" />

自動で折り返さない・・・

<TABLE>

<apex:detaTable>

検証 : 値表示

<TABLE>

<apex:detaTable> <apex:detaTable>

<TABLE>

自動で折り返さないテキスト型が表示されない

<TABLE>

<apex:detaTable>

outputFieldoutputText

inputTextArea<TEXTAREA>

inputField inputText

自動で折り返さない 値全てが表示されない

検証 : 値表示

タグ関係ないじゃん。

StyleSheet で折返し指定してみるか

検証 : 値表示 (outputField + Style)

<apex:outputField value=“{!record.Text1__c}” style=“word-wrap: break-word;” />

変わらん。。

<TABLE>

<apex:detaTable>

検証 : 値表示

outputPanel で囲んでみるか。

検証 : 値表示 (outputPanel + Style)

<apex:outputPanel style="width:100px;display:block;" > <apex:outputText value="{! record.Text1__c}" /></apex:outputPanel>

<TABLE>

<apex:detaTable>

検証 : 値表示 (outputPanel + Style)

出来た！完璧！！

念のため、日本語文字列でもテスト。

検証 : 値表示 (outputPanel + Style)

いろいろ酷いことに。

<TABLE>

<apex:detaTable>

<apex:outputPanel style="width:100px;display:block;" > <apex:outputText value="{! record.Text1__c}" /></apex:outputPanel>

検証 : 値表示 (outputPanel + String[] 化 )

指定文字数で改行させてみるかString[] でリスト化しよう

検証 : 値表示 (outputPanel + String[] 化 )

<apex:outputPanel style="width:110px;display:block;" > <apex:repeat value="{!pdfTextArray1}" var="pdfText"> <apex:outputText value="{!pdfText}"/> </apex:repeat></apex:outputPanel>

<TABLE> <apex:detaTable>

検証 : 値表示 (outputPanel + String[] 化 )

も少し対応。行間が広いから詰めてみる

検証 : 値表示 (outputPanel + String[] 化 )

<apex:outputPanel style="width:110px;display:block; line-height:1em;" > <apex:repeat value="{!pdfTextArray1}" var="pdfText"> <apex:outputText value="{!pdfText}"/> </apex:repeat></apex:outputPanel>

<TABLE> <apex:detaTable>

まとめ ： PDF での文字列折返し

文字列が日本語 自動折返しは難しい。

文字列を区切って表示させると見栄えは良くなる

文字列が英語 outputPanel で囲めば自動で折返しできる

再宣伝

SkyVisualEditorだとコード書かなくても設定だけでできます！

Drag & Drop

　 Hiroshi Yoshita@xlouder