DHTMLX 前端架構 建立你的一個應用程式教程(一)

來源:互聯網
上載者:User

標籤:style   blog   http   color   io   ar   java   sp   檔案   

 

介紹

 

從這裡下載官網 樣本

 

此教程包含是多方面的:

1.如何在頁面上添加標準的dhtmlx組建

2.如何在頁面上組織組件

3.如何添加過濾

4.如何從伺服器端擷取資料填充組建

5.如何儲存使用者修改的資料到伺服器上

6.如何使組建整體配合運行

 

這是一個簡單的連絡人管理教程 它包含了下列組建:工具條、菜單、表格、表單、布局等

 

 

 

第一部分:建立應用程式的檔案

 

  首先,我們需要引入相關的架構檔案! 標準版 下載頁面     (專業版據說也可以擷取 答案上篇dhtmlx開篇找。。)

下載完成後  我們從codebase檔案夾中把dhtmlx.js以及dhtmlx.css 這兩個檔案引入到頁面中去..(肯定是css在前)

 

步驟:

1.下載檔案包  dhtmlxSuite   

2.在項目中建立檔案夾contact_manager

3.解壓檔案把codebase放到 contact_manager 檔案夾裡

4.找到dhtmlx_std_full_web_skin.zip 放到codebase中

 

5.在codebase檔案夾外添加index.html

6.在index.html檔案中添加如下代碼:

<!DOCTYPE html><html>  <head>    <title>Contact Manager</title>
 <link rel="STYLESHEET" type="text/css" href="codebase/dhtmlx.css">
 <script src="codebase/dhtmlx.js" type="text/javascript"></script> 
</head> <body> <script type="text/javascript"> //the code of your application </script> </body></html>

 

DHTMLX 前端架構 建立你的一個應用程式教程(一)

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.