|
이전에 Postrdb 묻고답하기 게시판 목록에 적용된 Zen 소스코드 예제. XData Contents에 다음과 같은 태그로 게시판을 구성.
<page xmlns="http://www.intersystems.com/zen" title="">
<vgroup>
<html>
<font size="-1">Zen으로 만든 게시판.< /font>
< FONT> < / html>
<spacer height="5"/>
<vgroup groupStyle="font-size:12px;">
<hgroup width="100%" groupStyle="font-size:12px;">
<tablePane tableName="dbo.Board_QnA"
id="theList"
orderByClause="bbs_num desc"
showFilters="false"
showZebra="true"
valueColumn="bbs_num"
useSnapshot="true"
showRowSelector="false"
[안내]태그제한으로등록되지않습니다-xxonselectrow="zenPage.rowSelected(zenThis);"
pageSize="15" >
<column colName="ID" hidden="true"/>
<column colName="bbs_num" header="NO" id="numColumn" width="5%" filterType="text" style="font-size:12px;" />
<column colName="bbs_subj" header="SUBJECT" id="subjColumn" width="62%" filterType="text" style="font-size:12px;"/>
<column colName="bbs_name" header="WRITER" id="nameColumn" width="12%" filterType="text" style="font-size:12px;"/>
<column colName="bbs_date" header="DATE" id="dateColumn" width="12%" filterType="text" style="font-size:12px;"/>
<column colName="bbs_ref" header="READ" id="refColumn" width="9%" filterType="text" style="font-size:12px;"/>
< /tablePane>
< /hgroup>
<tableNavigatorBar tablePaneId="theList" />
< /vgroup>
< /vgroup>
< /page>
위와 같이 tablePane 태그
를 이용해 간단한 작업으로 게시판 목록 기능을 구현할 수 있다.
추가 로직 구현의 예:
/// User selected a new row in the table
Method rowSelected() [ Language = xxjavascript ]
{
var table = this.getComponentById('theList');
var pagenum=table.getProperty('currPage');
var bbsid=table.getProperty('value');
parent.document.location!='http://www.postrdb.com/FAQ/view.aspx?BbsName=Board_QnA&page='+pagenum+'&num='+bbsid+'&KeyField=&KeyWord=';
}
|
