DXTREME ENTERPRISE HTML JS 框架生成的應用程序是一個單頁面應用程序，雖然這樣的應用程序只有一個 web 頁，它可以包含定義為命名視圖的多個應用程序屏幕。在Web瀏覽器中的應用程序，一個視圖的名字被編碼到應用程序URL的片段標識符上。

    通過一塊窗體視圖模板的 HTML 標記定義該視圖，這個視圖可以由JavaScript代碼選擇，或是用一個關聯的樣式表自定義外觀和風格。

    在默認的情況下，框架使用KnockoutJS綁定數據到視圖模版，關聯的JavaScript代碼準備 ViewModel，并執行設置視圖所需的額外操作。這些操作包括與 web 服務器和后續呈現的視圖互動。

    若要創建一個視圖，使用一個 div 元素來查看標記，設置元素的關于視圖的data-dx-role，分配視圖名稱到data-dx-name屬性。

<div data-dx-role="view" data-dx-name="index">
 <h1 data-bind="text: message"></h1> 
</div>

    為了聲明視圖的一個ViewModel，在你的應用程序命名空間上用視圖名稱聲明一個功能。這是通過 ns 配置對象傳遞給 HtmlApplication 構造函數的參數指定的命名空間。

MyApp.index = function(params) {
  return
  {
     message: "Hello World!"
   };
 };

    你可以通過聲明數據屬性，來從關聯標記中擴展ViewModel。例如，在下面的代碼段中，將使用Home Screen值，運行時在索引視圖模型中創建一個標題屬性。

<div data-dx-role="view" data-dx-name="index" data-dx-title="Home Screen">
 <h1 data-bind="text: message"></h1> 
</div>

標簽：