以前から気になっていたZK Spreadsheetをいじってみました。ZK SpreadsheetではあらかじめExcelで作成しておいた表のテンプレートを読み込むことでZKのコンポーネントとして操作可能になるようです。つまり使い慣れたエクセルファイルがそのままZKのコンポーネントになるんですね。
Integrate ZK Spreadsheet with Springを元ネタにしてZK SpreadsheetとSeasarの統合を試して見ました。
まずは
ZssSpring.warをダウンロードし動作確認。
次にデモと同じ表示をさせるようにテーブルを作成。
create table FinancialData (
fyear integer,
fquarter integer,
item char(10),
liquidAssets decimal(10, 0),
fundInvestment decimal(10, 0),
fixedAssets decimal(10, 0),
intangibleAsset decimal(10, 0),
otherAssets decimal(10, 0),
currentLiabilities decimal(10, 0),
longTermLiabilities decimal(10, 0),
otherLiabilities decimal(10, 0),
capitalStock decimal(10, 0),
capitalSurplus decimal(10, 0),
retainedEarnings decimal(10, 0),
otherEquity decimal(10, 0),
treasuryStock decimal(10, 0)
);
insert into FinancialData(
fyear,
fquarter,
item,
liquidAssets,
fundInvestment,
fixedAssets,
intangibleAsset,
otherAssets,
currentLiabilities,
longTermLiabilities,
otherLiabilities,
capitalStock,
capitalSurplus,
retainedEarnings,
otherEquity,
treasuryStock
)values(
2007,
1,
'Quarter',
146504221,
23181709,
7168392,
221426,
2270018,
102515784,
3000,
456175,
33630080,
7127901,
34420905,
1826731,
-634810
);
...
Bean作成
キャメルケースでテーブルを作るとBeanの作成時にテーブル名と列名を一々指定しなければ
ならなかった(^^;;
package churazk.entity;
import java.math.BigDecimal;
import javax.persistence.Column;
import javax.persistence.Entity;
import javax.persistence.Table;
@Entity
@Table(name="FINANCIALDATA")
public class FinancialData {
@Column(name="fYear")
public Integer fYear;
@Column(name="fQuarter")
public Integer fQuarter;
@Column(name="item")
public String item;
@Column(name="liquidAssets")
public BigDecimal liquidAssets;
@Column(name="fundInvestment")
public BigDecimal fundInvestment;
@Column(name="fixedAssets")
public BigDecimal fixedAssets;
@Column(name="intangibleAsset")
public BigDecimal intangibleAsset;
@Column(name="otherAssets")
public BigDecimal otherAssets;
@Column(name="currentLiabilities")
public BigDecimal currentLiabilities;
@Column(name="longTermLiabilities")
public BigDecimal longTermLiabilities;
@Column(name="otherLiabilities")
public BigDecimal otherLiabilities;
@Column(name="capitalStock")
public BigDecimal capitalStock;
@Column(name="capitalSurplus")
public BigDecimal capitalSurplus;
@Column(name="retainedEarnings")
public BigDecimal retainedEarnings;
@Column(name="otherEquity")
public BigDecimal otherEquity;
@Column(name="treasuryStock")
public BigDecimal treasuryStock;
}
つづいてzulファイルを編集。
<?xml version="1.0" encoding="UTF-8"?>
<?variable-resolver class="org.zkoss.zkplus.seasar.DelegatingVariableResolver"?>
<window>
Quarter:
<listbox id="quarter" mold="select" rows="1" onSelect="refreshQuarter()">
<listitem value="0" label="Select"/>
<listitem value="1" label="Quarter 1"/>
<listitem value="2" label="Quarter 2"/>
<listitem value="3" label="Quarter 3"/>
<listitem value="4" label="Quarter 4"/>
</listbox>
Style:
<listbox id="style" mold="select" rows="1" onSelect="changeStyle()">
<listitem label="Style 1" value="/BalanceSheet.xls"/>
<listitem label="Style 2" value="/NewSheet.xls"/>
</listbox>
<zscript>
import churazk.entity.FinancialData;
import org.seasar.extension.jdbc.where.SimpleWhere;
FinancialData reloadQuarter(int quarter){
FinancialData bean = jdbcManager.from(FinancialData.class)
.where(new SimpleWhere()
.eq("fYear", 2007)
.eq("fQuarter", quarter)
)
.getSingleResult();
return bean;
}
void refreshQuarter() {
Listitem listitem = quarter.getSelectedItem();
int quarter = Integer.parseInt(listitem.value);
//Call the method to reload data
dataBean = reloadQuarter(quarter);
//Call the method to refresh values of cells
balance.book.notifyChange(new String[]{"dataBean"});
}
void changeStyle() { //Change the URL of spreadsheet
balance.url = style.getSelectedItem().value;
}
dataBean = reloadQuarter(0);
</zscript>
<spreadsheet id="balance" url="/BalanceSheet.xls" maxrow="40" maxcolumn="20" height="600px" width="1300px"/>
</window>
スプレッドシートデモのWEB-INF/libより次のファイルをプロジェクトWEB-INF/libへインポート
commons-math-1.2.jar
jxl.jar
zss.jar
zssex.jar
zssjxl.jar
プロジェクトのWEBルートにBalanceSheet.xlsとNewSheet.xlsを配置して実行
ZKコンポーネントとは言えExcelシートにビーンの値が表示され不思議な感じです、でもとても使い勝手がよさそうなコンポーネントです。
動作環境
OS: Ubuntu 8.04
JDK: 1.6.0_04
Tomcat: apache-tomcat-6.0.16
Eclipse: Europa wtp-all-in-one-sdk
ZK: zk-3.0.5
Seasar: DoltengプラグインよりChuraプロジェクト(Teeda+S2Dao)として
S2JDBC関連: sa-struts-tutorial-1.0.2-rc4.zipより
geronimo-jpa_3.0_spec-1.0.jar
geronimo-ejb_3.0_spec-1.0.jar
s2jdbc.dicon
web.xml追加
<!-- ZK -->
<listener>
<listener-class>org.zkoss.zk.ui.http.HttpSessionListener</listener-class>
</listener>
<servlet>
<servlet-name>zkLoader</servlet-name>
<servlet-class>org.zkoss.zk.ui.http.DHtmlLayoutServlet</servlet-class>
<init-param>
<param-name>update-uri</param-name>
<param-value>/zkau</param-value>
</init-param>
<load-on-startup>1</load-on-startup><!-- Must -->
</servlet>
<servlet-mapping>
<servlet-name>zkLoader</servlet-name>
<url-pattern>*.zul</url-pattern>
</servlet-mapping>
<servlet>
<servlet-name>auEngine</servlet-name>
<servlet-class>org.zkoss.zk.au.http.DHtmlUpdateServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>auEngine</servlet-name>
<url-pattern>/zkau/*</url-pattern>
</servlet-mapping>
<!-- Miscellaneous -->
<session-config>
<session-timeout>120</session-timeout>
</session-config>
<!-- ZK -->
