Dojo動態建立CheckBox

2021-06-01 23:11:41 字數 1464 閱讀 2278

在某些情況下,我們需要動態的建立checkbox,以滿足我們對程式設計的需要。儘管dojo官方也提供了一些demo,但當dojo的版本不斷公升級,而dojo的demo卻依然停留在歷史版本中,我們對此感到的是相當的頭痛。儘管那些demo簡單,但是卻不實用。因為他們只是為了達到易用的目的,而不是實用與擴充性。下面我們就來看一下,我們在專案中應該如何動態建立checkbox。

儘管dijit.form.checkbox很好用,但是我們為了更便捷的使用,對其又進行了封裝,將其封裝為checkboxfiled,以下是簡單的code,更深層的封裝code,將不在這裡展示。

dojo.provide(

"com.itccxx.common.dijit.form.field.checkboxfield"

);dojo.require(

"com.itccxx

.common.dijit.form.field.checkfield"

);dojo.declare(

"com.itccxx

.common.dijit.form.field.checkboxfield"

, com.ibm.ecm.nuclear.common.dijit.form.field.checkfield, );

如上,是我們封裝完畢的乙個checkboxfield,在這裡請讀者不要進行過多的考慮,就將其當做乙個普通的checkbox即可,我們封裝checkbox也僅僅是我們更方便的使用checkbox的某些屬性。

當我們有了checkboxfield原型之後,我們就要開始使用**動態生成checkbox。當我們需要動態建立checkboxfield的時候,往往需要不止乙個,因為我們需要遍歷的來建立這些checkboxfield,以下是建立所需field的原始碼。

_loadcheckboxbyservice :

function()

} createcheckbox :

function

(subclass),

title :

subclass.value            

});

chkbox.placeat(

this

.childdoclib);

chkbox.startup();

}

當我們動態建立完checkboxfield之後,就需要將checkbox掛到相應的節點上。chkbox.placeat()將這些checkboxfield掛到相應的div上。如下是存放checkboxfield的html。

<

div 

data-dojo-attach-point

="childdoclib"

>

我們是以動態建立checkboxfield為例進行說明的,如果需要動態建立checkbox,可以直接參照createcheckbox進行建立。

Dojo動態建立CheckBox

在某些情況下,我們需要動態的建立checkbox,以滿足我們對程式設計的需要。儘管dojo官方也提供了一些demo,但當dojo的版本不斷公升級,而dojo的demo卻依然停留在歷史版本中,我們對此感到的是相當的頭痛。儘管那些demo簡單,但是卻不實用。因為他們只是為了達到易用的目的,而不是實用與擴...

于洋的dojo2學習筆記 4 建立widgets

今天我們學習如何建立自定義的小部件 建立乙個根節點 在于洋的dojo2學習筆記 2.第乙個dojo應用 中,我們建立了乙個單節點應用,建立了biz e bodies檢視,這一章,我們要擴充套件一下,增加名字和畫像,虛構的biz e bodies下的工人.在此之前,我們需要做一些重構.我們的應用現在是...

動態選單 動態建立選單

動態建立選單 windows應用程式的介面,不僅僅是乙個簡單的窗體,每個窗體中都包含具體實現功 能的控制項,包括能夠顯示基本資訊的label控制項,能夠在其中輸入內容的文字框控制項,能 夠設定選項的選擇按鈕控制項等。net提供了很多使用簡單 功能強大的控制項,幫助程式設 計者快速有效地開發應用軟體。...