WSJSの使い方、その６（組み合せ技）

WSJSの各々の機能を組み合わせて使ってみます。
データベース上のシステムテーブルの内容を全部表示するサンプルです。
SELECT を選択すると非同期でデータベースにアクセスし表示用<table>を更新します。

sysTable.html: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" xmlns:jscp="http://jscp/"> <head> <script src="../lib/json2.js"></script> <script src="../lib/JSCP.js"></script> <script src="getSysTable.rpjs"></script> <script src="getSysTable.exjs"></script> <script> var tableData = getSysTable("SYSTABLES"); </script> </head> <body onload="JSCP.init()" onresize="JSCP.resize();"> <jscp:jscp>  </jscp:jscp> <hr/> <jscp:jscp id="tableView">  </jscp:jscp> </body> </html>

getSysTable.exjs: 非同期処理の関数です。 function getSysTableAndView(table) { tableData = yield getSysTableAsync(__This, table); JSCP.applyById("tableView"); }

getSysTable.rpjs: データベースの内容を JSON に変換して返すサーバ側関数です。 function getSysTable(table) { var connect = __ENV__.getDBConnection(); try { var st = connect.createStatement(); var rset = st.executeQuery("SELECT * FROM SYS."+table); var meta = rset.getMetaData(); var json = []; while (rset.next()) { var record = {}; for (var i=1; i<=meta.columnCount; i++) { record[meta.getColumnName(i)] = rset.getString(i); } json.push(record); } return json; } finally { connect.close(); } }

http://localhost:8080/wsjs/mix/sysTable.html にアクセスします。

データベースの内容が表示されています。