日韩在线一区天天看,日韩色色资源站,97在线超碰

DevExpress DXTREME使用教程：如何在應用程序中進行視圖設置

原創|使用教程|編輯：郝浩|2013-03-18 13:37:25.000|閱讀 767 次

概述：DXTREME HTML JS 框架生成的應用程序是一個單頁面應用程序，雖然這樣的應用程序只有一個 web 頁，它可以包含定義為命名視圖的多個應用程序屏幕。

相關鏈接：

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>

標簽：

本站文章除注明轉載外，均為本站原創或翻譯。歡迎任何形式的轉載，但請務必注明出處、不得修改原文相關鏈接，如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn

文章轉載自：慧都控件

相關產品

源碼：非開源

產品編號：13150

當前版本：v25.1.4 [銷售以商家最新版為準，如需其他版本，請來電咨詢]

開發商： DevExpress

正式授權

">DevExtreme Complete Subscription

高性能HTML5/JavaScript開發框架，利用現代Web開發堆棧構建優異性能的應用程序。

最新文章 MORE

金喜正規買球相關的文章 MORE