點擊New能夠到新增人員頁面,以下圖:session
編輯按鈕後進入編輯頁面,並將人員信息帶過來,刪除按鈕能夠將文檔刪除。post
咱們的項目中一種包含三個Xpage頁面,CaryMain,CaryCreate和CaryUpdate。spa
1. CaryMain頁面爲主頁面,提供新建按鈕和顯示信息。事件
1.1.該頁面的New按鈕的OnClick的事件代碼以下:rem
1.2.DataTable屬性設置以下:文檔
Name的計算域值爲:rowdoc.getItemValueString(「name」)get
Age的計算域值爲:rowdoc.getItemValueDouble(「age」)it
LastModified的計算域值爲:rowdoc.getLastModified()io
編輯按鈕的onclick代碼以下:入門
sessionScope.docUnid = rowdoc.getUniversalID();
sessionScope.name = rowdoc.getItemValueString("name");
sessionScope.age = rowdoc.getItemValueDouble("age");
context.redirectToPage("CaryUpdate")
刪除按鈕的代碼爲:
rowdoc.remove(true)
2. CaryCreate頁面爲建立新文檔頁面
2.1.頁面有兩個EditBox提供Name和Age的輸入,首先設置Name的屬性,以下圖
Age也一樣設置,不過Age的屬性要將Display Type改成Number。
2.2.兩個按鈕的代碼以下:
OK:
var doc = database.createDocument();
doc.replaceItemValue("name", requestScope.name);
doc.replaceItemValue("age", requestScope.age)
doc.save();
context.redirectToPage("CaryMain")
Cancel:
context.redirectToPage("CaryMain")
3.CaryUpdate頁面提供更改時的修改頁面,
3.1.咱們將CaryCreate全部設置拷貝一份到CaryUpdate頁面,而後調整Name和Age和EditBox的屬性,將屬性中Data標籤中的高級中的Parameter改成Session Scope。
3.2.OK按鈕代碼調整爲以下:
var doc = database.getDocumentByUNID(sessionScope.docUnid);
doc.replaceItemValue("name", sessionScope.name);
doc.replaceItemValue("age", sessionScope.age);
doc.save();
sessionScope.name = null;
sessionScope.age = null;
context.redirectToPage("CaryMain")
這樣咱們一個簡單的通信錄功能就完成了,也算入門Xpage了。