設計所見即所得編輯器例程庫過程詳解-文庫吧
2025-04-17 21:12 本頁面
【正文】 面和下面 )都有關系，注意將下面用到其值的域放在上面。 要建立表單，需要在左側的數(shù)據(jù)庫書簽中找到表單分類，然后在右側的表單列表中單擊 新建表單 按鈕，一個空白的表單就顯示在 Designer 中，要將CGI子表單加入到表單中，需要單擊菜單：創(chuàng)建 資源 插入子表單，然后在彈出的對話框中選擇 CGI子表單，如下圖所示： 單擊 確定 按鈕，即可將子表單插入到表單中的光標位置，如果為了在設計界面中顯示更多的其它元素，還可以將子表單做成計算類型的，那樣就需要在 插入子表單 對話框中，選中對話框底部的 根據(jù)公式插入子表單 復選框，這樣就不能用鼠標選定子表單來插入，而要先單 擊對話框中的 確定 按鈕，然后在表單中顯示的 計算子表單 上面單擊一下，在下面的代碼框中填寫要插入的子表單的名字，如下圖所示： 插入子表單后，還要進行表單功能以及界面的設計，這就需要用到基本的Web頁面語言 HTML 了，還有就是要使用 Domino 本身的的設計元素來實現(xiàn)所需要的功能 (比如用按鈕來觸發(fā)某個事件 )，為了讓 Domino 服務器能正確解釋我們輸入的 HTML 代碼，我們需要將輸入的 HTML 代碼內置為 HTML(選中需要內置的部分，選擇菜單：文本 內 HTML)，這樣 Domino 服務器就能正確按照我們所寫的代碼來 顯示表單，下圖為設計好的 HTMLFormAdv表單 (此表單用來實現(xiàn) 所見即所得 編輯器的功能 )。 圖中的 HTML代碼在此不做解釋，因為在任何一本講解 Web 開發(fā)的入門書籍中都有對它們的解釋，下面主要講解其中的 Domino 特有的設計元素：域和按鈕。 域 Domino 中的域有兩種，一種是域名的域，還有另外一種域是用來輸入或者顯示內容的域，也就是 HTML 語言中的 input 類型為文本的元素，本文主要講解后一種域。 Domino 中的域比 HTML 中的簡單的文本輸入框要復雜的多，它可以被設置成各種類型 (比如文本、密碼、 RTF、數(shù)值、單選按鈕、復選按鈕等等，可以通過域的屬性窗口進行調整 )，上圖所示表單中的 Subject域的屬性窗口如下圖所示： 從圖中可以看到， Domino 的域可以設置將近 20 種類型，并且可以通過類型右側的下拉列表選擇域是否可以輸入還是使用計算方式顯示。 本例庫中的 Subject 域只是用來輸入文檔的標題，所以就只設置為 文本 類型，并且可以編輯 (也就是可以輸入內容 )，并且默認值為空，也就是在用這個表單新建文檔的時候，這個域是空白的，如下圖所示： 在標題域的下面，還有一個 yimingstudio域，類型 為 RTF，可編輯類型，由于集成 所見即所得 編輯器需要一個 HTML Area 元素，而在 Domino 中只有RTF類型的域在 Web 中能自動轉換成這種類型，所以我們把它作為 所見即所得編輯器的載體，關于集成 TinyMCE 的講解將在后面詳細闡述，這個域的屬性如下圖所示： HTML 屬性如下圖所示： 按鈕 Domino 中的按鈕和 HTML 中的功能相同，都是用來觸發(fā)某些事件。不過Domino 中的按鈕使用起來更靈活一些，可以自由設定其顯示效果，可以通過CSS來進行效果的調整等等。 本例庫中的按鈕分為兩類：一類是在 Web 頁面 中能看到的按鈕，一類是在Web頁面中看不到的按鈕。 [blockquote style=marginright： 0px； dir=ltr] 在 Web 中能看到的按鈕 此類按鈕用來在 Web 頁面中來實現(xiàn)各種功能的提示以及執(zhí)行事件之前的確認，比如在刪除之前的確認，可見按鈕的圖片如下： 此表單共有三個可見按鈕，用來實現(xiàn)對文檔的操作 (保存、編輯和刪除 )，并且每個按鈕都有不同的隱藏條件，因為按鈕需要在文檔的不同狀態(tài)下顯示 (編輯狀態(tài)和讀狀態(tài) )；另外還需要為每個按鈕編寫相應的代碼，才能讓它在界面中顯示出來，如果沒有為按鈕編寫任何代碼，在瀏覽器中將不會顯示按鈕。要設置按鈕的隱藏條件，需要打開按鈕屬性對話框，并選擇相應的標簽，如下圖所示： 上圖是 編輯文檔 按鈕的屬性窗口中的隱藏條件標簽，從圖中可以看出，只是勾選了幾個復選框，就可以實現(xiàn)簡單的隱藏，如果需要隱藏的元素有很多需要滿足的條件，那就需要在下面 的公式窗口中編寫隱藏公式了，本文不對隱藏公式做介紹。圖中勾選的意思就是當文檔處于編輯狀態(tài)時，隱藏編輯文檔按鈕，另外兩個可見按鈕的隱藏屬性設置類似，不再贅述。 功能復雜的可見按鈕有時需要得到用戶確認才能繼續(xù)執(zhí)行，執(zhí)行時一般是調用后臺代理，而 JavaScript 代碼調用代理很麻煩 (要用到微軟的 XHTTP)，所以就去調用頁面中的不可見按鈕，來達到執(zhí)行代理的目的；功能簡單的可見按鈕就可以直接執(zhí)行相關的公式來達到簡化代碼設計的目的 (編輯文檔 按鈕就是直接使用公式來使文檔轉換到編輯狀態(tài) )，下圖是 刪除文檔 按鈕的代碼 ，從中可以看到，要執(zhí)行刪除操作，需要先得到用戶確認，然后才能繼續(xù)執(zhí)行刪除。 代碼中的 (deldoc).click()；就是調用不可見按鈕的代碼，不可見按鈕有個名稱，在其屬性窗口的最后一個標簽中可以進行設置。 Web 中看不到的按鈕 在 Web 中看不到的按鈕一般用來執(zhí)行后臺代理，達到操作文檔的目的。可見按鈕將會調用相應的不可見按鈕，來執(zhí)行相關的代理，而在執(zhí)行代理之前，可以取得用戶的確認 (JavaScript 代碼就是設計用來在客戶端執(zhí)行確認操作的 )，由于不可見按鈕都是通過 DOM中的名稱來 調用的，所以需要設置其名稱，要設置其名稱，需要打開其屬性窗口，選擇最后的一個 HTML 標簽，如下圖所示： 從圖中可以看到，按鈕執(zhí)行的是 deldocument代理，設置的名稱為deldoc。 [/blockquote] 表單中其它內容 表單中的其它內容都是配合上面介紹的域和按鈕而編寫的 HTML代碼，主要作用是使表單中的各種元素顯示的更美觀一些，可以參照講解 HTML的書籍進行查看。 表單作為 Domino 的 Web開發(fā)中的主要表現(xiàn)元素，其中的元素不外乎上面介紹的幾種：域、按鈕和 HTML 代碼等，復雜的 Web應用 中，表單中的元素可能更多一些，但是對于入門的程序員來說，這些元素足夠
范文總結相關推薦
鄂ICP備17016276號-1