新聞中心
如何使用組件:

描述文件的位置
XML描述文件的位置由請(qǐng)求參數(shù)__xmlpath決定,比如:
- http://simpleframework.net/t.do?__xmlpath=/demo/t.xml&p1=data1&p2=data2
如果訪(fǎng)問(wèn)的是JSP文件,則__xmlpath可以不定義,此時(shí), XML描述文件的位置被默認(rèn)為和JSP文件同路徑并且同文件名的XML文件。
在Eclipse等IDE下,可以通過(guò)引入本地XMLSchema來(lái)加快開(kāi)發(fā)及合法性驗(yàn)證:
- xsi:noNamespaceSchemaLocation="/xsd/default/simple.xsd">
- ...
組件的定義
SimpleFramework的所有組件都是在XML描述文件中的components標(biāo)簽下定義的, 這有別于標(biāo)簽庫(kù) (TagLibs),能更好的把展示(HTML/JSP)和定義(XML)進(jìn)行有效的分離。比如,定義一個(gè)樹(shù)組件:
- xsi:noNamespaceSchemaLocation="/xsd/default/simple.xsd">
- ...
組件和頁(yè)面文檔元素的綁定
組件和頁(yè)面文檔元素的綁定是通過(guò)CSS Selector實(shí)現(xiàn)的,有了這種綁定關(guān)系, 一般來(lái)講,組件會(huì)對(duì)頁(yè)面DOM元素進(jìn)行如下可能性的增強(qiáng):
為綁定的元素添加屬性和事件
為綁定的元素添加子元素
移動(dòng)綁定的元素到適合的位置
添加腳本支持
這種增強(qiáng)性的操作都是由SimpleFramework自動(dòng)完成的,客戶(hù)端只需要根據(jù)組件的差異來(lái)定義不同的綁定關(guān)系,如上述的樹(shù)組件,containerId屬性定義了基于ID的選擇器,這樣,組件生成的代碼為綁定的元素添加需要子元素(樹(shù))。
通過(guò)Javascript調(diào)用組件
組件的調(diào)用是通過(guò)一個(gè)內(nèi)置的Javascript對(duì)象$Actions來(lái)完成的,更多關(guān)于$Actions的介紹請(qǐng)參考$Actions是什么。
$Actions是什么
$Actions是一個(gè)Javascript對(duì)象
$Actions是一個(gè)Javascript對(duì)象,是window的一個(gè)子對(duì)象,可以通過(guò)window.$Actions或則直接$Actions訪(fǎng)問(wèn)。
$Actions的目標(biāo)及組件對(duì)象
$Actions的目標(biāo)是客戶(hù)端(瀏覽器)能通過(guò)Javascript來(lái)調(diào)用組件對(duì)象。絕大多數(shù)組件都會(huì)在$Actions里生成一個(gè)操作自己行為的組件對(duì)象,該組件對(duì)象可以通過(guò)$Actions["name"]訪(fǎng)問(wèn), name是組件的名稱(chēng),在組件描述文件中必須定義該名稱(chēng)。
組件對(duì)象定義了自己的屬性及方法,可以通過(guò)Javascript來(lái)調(diào)用這些屬性及方法。比如刷新樹(shù)組件:
- $Actions["treeName"].refresh();
$Actions["name"]()是組件的缺省函數(shù),在大部分情況下,缺省函數(shù)體現(xiàn)了這個(gè)組件的主要特性,比如,$Actions["ajaxRequest"]()即發(fā)出一個(gè)AJAX請(qǐng)求; $Actions["treeName"]()即構(gòu)造了整棵樹(shù)。
$Actions.callSafely函數(shù)
$Actions定義了callSafely函數(shù)來(lái)安全的訪(fǎng)問(wèn)組件對(duì)象。因?yàn)樵陧?yè)面裝載的時(shí)候,組件對(duì)象可能還沒(méi)生成,就有腳本開(kāi)始調(diào)用該組件對(duì)象,通過(guò)callSafely函數(shù)可以確保組件對(duì)象已經(jīng)存在再開(kāi)始調(diào)用。
文章名稱(chēng):基于組件的機(jī)制的客戶(hù)端-SimpleFramework
分享鏈接:http://www.5511xx.com/article/djpceeh.html


咨詢(xún)
建站咨詢(xún)
