原創(chuàng)|使用教程|編輯:郝浩|2013-03-18 13:37:25.000|閱讀 767 次
概述:DXTREME HTML JS 框架生成的應(yīng)用程序是一個(gè)單頁面應(yīng)用程序,雖然這樣的應(yīng)用程序只有一個(gè) web 頁,它可以包含定義為命名視圖的多個(gè)應(yīng)用程序屏幕。
# 界面/圖表報(bào)表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
相關(guān)鏈接:
DXTREME ENTERPRISE HTML JS 框架生成的應(yīng)用程序是一個(gè)單頁面應(yīng)用程序,雖然這樣的應(yīng)用程序只有一個(gè) web 頁,它可以包含定義為命名視圖的多個(gè)應(yīng)用程序屏幕。在Web瀏覽器中的應(yīng)用程序,一個(gè)視圖的名字被編碼到應(yīng)用程序URL的片段標(biāo)識(shí)符上。
通過一塊窗體視圖模板的 HTML 標(biāo)記定義該視圖,這個(gè)視圖可以由JavaScript代碼選擇,或是用一個(gè)關(guān)聯(lián)的樣式表自定義外觀和風(fēng)格。
在默認(rèn)的情況下,框架使用KnockoutJS綁定數(shù)據(jù)到視圖模版,關(guān)聯(lián)的JavaScript代碼準(zhǔn)備 ViewModel,并執(zhí)行設(shè)置視圖所需的額外操作。這些操作包括與 web 服務(wù)器和后續(xù)呈現(xiàn)的視圖互動(dòng)。
若要?jiǎng)?chuàng)建一個(gè)視圖,使用一個(gè) div 元素來查看標(biāo)記,設(shè)置元素的關(guān)于視圖的data-dx-role,分配視圖名稱到data-dx-name屬性。
<div data-dx-role="view" data-dx-name="index"> <h1 data-bind="text: message"></h1> </div>
為了聲明視圖的一個(gè)ViewModel,在你的應(yīng)用程序命名空間上用視圖名稱聲明一個(gè)功能。這是通過 ns 配置對象傳遞給 HtmlApplication 構(gòu)造函數(shù)的參數(shù)指定的命名空間。
MyApp.index = function(params) { return { message: "Hello World!" }; };
你可以通過聲明數(shù)據(jù)屬性,來從關(guān)聯(lián)標(biāo)記中擴(kuò)展ViewModel。例如,在下面的代碼段中,將使用Home Screen值,運(yùn)行時(shí)在索引視圖模型中創(chuàng)建一個(gè)標(biāo)題屬性。
<div data-dx-role="view" data-dx-name="index" data-dx-title="Home Screen"> <h1 data-bind="text: message"></h1> </div>
標(biāo)簽:
本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請務(wù)必注明出處、不得修改原文相關(guān)鏈接,如果存在內(nèi)容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉(zhuǎn)載自:慧都控件