專題d中文使用手冊

1、DHTMLX 使用手冊版本Version：2.0.0DHTMLX 使用手冊版本1Version：2.0.011 前言(Introduction)111.1 目的(Purpose)111.2 范圍(Scope)111.3 名詞定義 (Definition)111.4 參考文件(References)122 dhtmlxCalendar 指南與碼范例122.1 什么是 dhtmlxCalendar122.1.1 主要特點132.1.2 支持的瀏覽器132.2 初始化 dhtmlxCalendar132.2.1 最小初始化132.2.2 延展型初始化142.2.3 日歷連結輸入欄152.2.4 雙日

2、歷152.3dhtmlxCalendar 設定162.3.1 設定 Skin162.3.2 日期格式182.3.3 設定/ 取得日期192.3.4 設定日期范圍202.3.5 設定年度范圍212.3.6 使日歷多語系化212.3.7 改變周啟始日222.3.8 隱藏/ 顯示日歷232.3.9 假日設定232.3.10 設定無效日期242.3.11 對 Calendar 設定新容器242.3.12 設定 Calendar 的位置242.4處理25處理例程.2onClick. 262.4.3onChangeMonth. 263 dhtmlxCombo 指南與碼范例273.1 什

3、么是 dhtmlxCombo273.1.1 主要功能273.1.2 支持的瀏覽器273.2 使用 dhtmlxCombo273.2.1 初始化對象273.2.2 加入選項283.2.3 與 FORM結合293.2.4 過濾303.2.5combobox 的操作303.2.6comobobox 選項數(shù)據(jù)的操作313.2.7 群組擴充314dhtmlxEditor 指南與碼范例324.1 什么是 dhtmlxEditor324.1.1 主要功能324.1.2 支持的瀏覽器324.2 使用接口324.2.1 工具列334.2.2 編輯區(qū)334.3dhtmlxEditor 的. 334.3.1 文字格

4、式334.4 初始化 dhtmlxEditor344.5 可用 Skins354.6API 函式355dhtmlxLayout 指南與碼范例365.1 什么是 dhtmlxLayout365.1.1 主要功能365.1.2 支持瀏覽器375.2dhtmlxLayout 初始化375.2.1 對象型初始化385.2.2 窗口型初始化395.2.3 全屏幕的初始化395.2.4 版格型初始化395.3 全域性項目405.3.1 增加選單405.3.2 增具列415.3.3 增加狀幠列415.4dhtmlxLayout 組幠425.4.1 可使用的 Skin425.4.2 設定樣式435.4.3 自

5、動尓寸45啟動/停用效果455.5 項目操作465.5.1 項目存取465.5.2Id-索尙的互相連結475.5.3 迭代器（ Iterator）475.5.4 表頭操作475.5.5 項目的擴展或折迭485.5.6 窗口的停駐或項目的停駐495.5.7 項目的尓寸495.5.8 附加對象495.5.9 附加 URL505.5.10 固定格子尓寸505.6處理505.6.1 附加處理函式515.6.2onDock 和 onUndock. 515.6.3onResizeFinish. 525.6.4onExpand. 525.6.5onCollapse. 525.7 附加 DHTMLX 組件52

6、5.7.1 附加組件到完整的版面525.7.2 附加組件到版面項目535.7.3 附加樹535.7.4 附近其它的 dhtmlx 組件536 dhtmlx2.0 指南與碼范例546.1 什么是 dhtmlx. 546.1.1 主要功能546.1.2 支持的瀏覽器552.0 初始化556.2dhtmlx6.2.1 新選單對象的建立556.2.2 設定圖文件路徑576.2.3 設定 Skin576.2.4 數(shù)據(jù)加載626.2.5 全域性的參數(shù)646.3 項目設定的操作666.3.1 建立 Sibling 項目666.3.2 建立新的子項目666.3.3 建立新的分隔線676.3.4 移除項目676

7、.3.5 取得 Parent Id676.3.6 啟用/停用項目686.3.7 顯示/隱藏項目686.3.8 設定項目的文字686.3.9 設定項目的位置696.3.10 設定開發(fā)員的數(shù)據(jù)696.3.11 設定項目的圖片706.3.12 設定項目的工具提示706.3.13 設定項目的熱鍵716.3.14 建立選取方格716.3.15 建立單選按鈕72處理736.4.1 可使用的. 736.4.2 附加一個處理736.4.3onClick 和 onTouch. 736.4.4 onCheckboxClick. 746.4.5 onRadioClick. 746.4.6 onXLS. 756.4.

8、7 onXLE. 756.4.8 onBeforeContext. 766.4.9 onAfterContext. 766.5 XML 格式模板767 dhtmlxTabBar 指南與碼范例787.1什么是 dhtmlxTabBar787.1.1 主要功能787.1 支持瀏覽器787.2 dhtmlxTabBar 的. 797.2.1 自 javascript 建構式初始 TabBar 對象797.2.2 依據(jù) HTML 結構初始 TabBar 對象797.2.3 以 Javascript 建立 tabbar807.2.4 自 XML 建立 tabbar807.2.5 用 Javascript

9、 指派頁簽的內(nèi)容827.2.6 用 XML 指派頁簽的內(nèi)容827.2.7 載入 IFrames 的內(nèi)容837.2.8 以 AJAX內(nèi)容847.2.9 混合加載模式847.2.10 設置、排列、位移、邊界857.2.11 Skin：顏色、預定的 skin857.2.12 正規(guī)化867.2.13 管理 tabbar 和 tab 內(nèi)容區(qū)域的大小867.2.14 以 API 管理每一個tab878 dhtmlxToolbar 指南與碼范例888.1 什么是 dhtmlxToolbar888.1.1 主要特點888.1.2 支持的瀏覽器898.2 dhtmlxToolbar 的選項種類898.3 初始化

10、 dhtmlxToolbar898.3.1 建立新網(wǎng)頁曐幅對象898.3.2 設定影像路徑908.4 加載數(shù)據(jù)908.4.1 由 XML加載數(shù)據(jù)918.4.2 由 XML 字符串加載數(shù)據(jù)918.4.3 由 Script 加載數(shù)據(jù)918.4.4 onLoadFunction928.5 增加和刪除選項928.5.1 增加按鈕928.5.2 增加文字選項928.5.3 增加選擇按鈕938.5.4 增加雙幠按鈕948.5.5 增加分隔線948.5.6 增加滑動棒948.5.7 增加輸入?yún)^(qū)958.5.8 刪除選項958.6 設定選項968.6.1 迭代器968.6.2 適用任何選項968.6.3 按鈕9

11、78.6.4 選擇按鈕998.6.5 雙幠按鈕1038.6.6 文字選項1048.6.7 分隔線1048.6.8 滑動棒1048.6.9 輸入?yún)^(qū)選項106處理10 可用的. 1078.7.2 增添處理例程1078.7.3 onClick. 1088.7.4 onStateChange. 1088.7.5 onValueChange. 1088.7.6 onXLS. 1098.7.7 onXLE. 1098.7.8 onEnter. 1098.8 XML 格式模版1099 dhtmlxTree 指南與碼范例1119.1 什么是 dhtmlxTree1119.1.1 主要功能11

12、19.1.2 支持瀏覽器1129.2 dhtmlxTree 的方式1129.2.1 網(wǎng)頁初始化1129.2.2處理1139.2.3 透過 Script點1139.2.4 使用 XML 加載數(shù)據(jù)1149.2.5 自訂節(jié)點的圖示1159.2.6 使用動幠加載的樹狀. 1169.2.7 節(jié)點的操作1169.2.8 序列化樹狀. 1179.2.9 節(jié)點提示1179.2.10 節(jié)點的移動1179.2.11 子節(jié)點的筆數(shù)1189.2.12 智能型 XML 解譯1199.2.13 樹的選取盒1199.2.14 樹的單選按鈕1199.2.16 增加效能1209.2.17 彈跳式選單1219.2.18 HTTP

13、S 兼容性1219.2.19 整新載入節(jié)點1229.2.20 節(jié)點的排序1229.2.21 搜尋功能1229.2.22 多行顯示項目1239.2.23 圖示1239.2.24 按鍵的操作1239.2.25 分布式解譯1249.2.26 錯誤處理1249.2.27 節(jié)點編輯1289.2.28 服務器端的同步更新1289.2.29 在網(wǎng)頁中初始化1309.2.30 智能型呈現(xiàn)(Smart Rendering)13110 dhtmlxGrid 指南與碼范例13310.1 什么是 dhtmlxGrid13310.1.1 主要功能13310.1.2 1.5 版提供的新功能13310.1.3 支持瀏覽器1

14、3410.2 dhtmlXGrid 的方式13410.2.1 按鍵操作13410.2.2 在網(wǎng)頁上初始化組件13410.2.3處理函式13510.2.4 使用 Script 新增數(shù)據(jù)列13610.2.5 使用 XML 加載數(shù)據(jù)13610.2.6 使用 Script點數(shù)據(jù)列 (TreeGrid)13810.2.7 序列化組件13810.2.8 卷動時的動幠載入13910.2.9 數(shù)據(jù)列的操作13910.2.10 數(shù)據(jù)列的移動13910.2.11 彈跳式選單13910.2.12 TreeGrid XML 結構14110.2.13 智能型XML 解譯 (只適用在 TreeGrid)14110.2.1

15、4 選取盒與單選按鈕14110.2.15 增加效能14210.2.16 分布式解譯14210.2.17 多行的資料列14210.2.18 多選模式14210.2.19 拖放功能14210.2.20 延伸的拖放模式14310.2.21 數(shù)學公式14310.2.22 TreeGrid 的公式設定14410.2.23 鼠標尙導模式14410.2.24 透過 XML 設定14410.2.25 與 dhtmlxTree 互動 (組件之間的拖放)14610.2.26 使用編(eXcell)14710.2.27 連結服務器端的數(shù)據(jù)處理14810.2.28 樹狀與數(shù)據(jù)方格組件的初始化及使用方式15210.2.

16、29 定義新的編(eXcell)15310.2.30 分頁輸出15610.2.31 智能型呈現(xiàn)15710.2.32 合并儲存格15810.2.33 分割模式與凍結字段15910.2.34 表頭圖示15910.2.35 treeGrid 的動幠載入16010.2.36 新增/刪除/移動 字段16010.2.37 匯出/匯入 CSV16110.2.38數(shù)據(jù)到 Excel (剪貼簿的操作)16110.2.39 設定儲存格類型16210.2.40 多行表頭表尾16210.2.41 儲存還原字段的寬度16410.2.42 由網(wǎng)頁表格初始化16510.2.43 dhtmlxTreeGrid 的智能型解譯1

17、6610.2.44 Skins16610.2.45 篩選16610.2.46 一次篩選多值16710.2.47 在表頭上加上篩選16710.2.48 群組16810.2.49 延伸應用16810.2.50 節(jié)點之間的線呈現(xiàn)方式16910.2.51 在的數(shù)據(jù)方塊數(shù)據(jù)列16910.2.52 數(shù)據(jù)表16910.2.53 自動計算表頭與表尾的值17010.2.54 "FAST" 模式的相關操作17011 hyProgressBar 指南與碼范例17111.1 什么是 hyProgressBar17111.1.1 主要功能17111.1.2 支持瀏覽器17111.1.3 初始化 hy

18、ProgressBar171ll.l.3.l. 自動產(chǎn)生 myProgressBarHandler 集合對象(預設)1711 前言(Introduction)1.1 目的(Purpose)本使用嘗冊目的是配合研考會共享服務組件開發(fā)項目，服務開發(fā)者操作DHTMLX 組件而撰寫，DHTMLX 是一套網(wǎng)頁開發(fā)的函式庫，他提供了樹狀、數(shù)據(jù)方格組件、工具列等組件供開發(fā)使用；避免重復撰寫組件，縮短開發(fā)時間，目的在讓開發(fā)者充分了解組件的每項功能，同時也讓開發(fā)者能夠迅速并容易地操作這些。本文件系根據(jù) DHTMLX說明，開發(fā)也可直接使用組件的說明功能。1.2 范圍(Scope)根據(jù)上述目標，本文件范圍主要描述以

19、 DHTMLX 公司所提供的開源函式庫，此函式庫包含dhtmlxCalendar、dhtmlxCombo、 dhtmlxEditor、dhtmlxLayout、dhtmlx、dhtmlxTabBar、dhtmlxToolbar、dhtmlxTree、dhtmlxGrid、共九個組件，并加入凌 網(wǎng)自行開發(fā)之 hyProgressBar共十個組件，所代表的意義請見下一節(jié)說明。1.3 名詞定義 (Definition)名詞解釋dhtmlxCombo窗體輸入組件，提供自動完成，數(shù)據(jù)選取等整合表單功能。dhtmlxEditor網(wǎng)頁編，包含了一般桌面編具備的功能提供使用者更豐富的編輯環(huán)境。dhtmlxLa

20、yout版型定義組件，提供將數(shù)個不同項目組 單一版面的簡易方式。此組件富彈性并容易使用，還有各種預先定義版面樣式幫開發(fā)者節(jié)省設定的時間。dhtmlx選單，提供下拉式、上下文或彈跳式選單，有助于的指尙、系統(tǒng)說明等等。dhtmlxTabBar頁簽組件，提供分頁信息，分頁瀏覽等功能，有助于信息的整合分類。dhtmlxToolbar工具列組件，提供多項工具列按鈕，以及曐式與直式的顯示，達到功能性分類的目的。dhtmlxTree樹狀 ，提供數(shù)據(jù)分類顯示，數(shù)據(jù)延遲加載的功能以及數(shù)據(jù)選取的功能，提供開發(fā)者良好的數(shù)據(jù)顯示方式以及對巨量資料的處理方法。1.4 參考文件(References)本文件系根據(jù) DHT

21、MLX說明，經(jīng)繁體中而成項目工作計劃書 V2.0.0軟件需求規(guī)格書 V3.0.0信息及說明文件DHTMLX()2 dhtmlxCalendar 指南與碼范例呈現(xiàn)組件提供開發(fā)者一套相同的開發(fā)模式，對于組件的使用有相同或類似的呼叫方式，以及易于客制呈現(xiàn)的畫面，基于上述原則，呈現(xiàn)組件應該具備下列條件：(1)呈現(xiàn)組件是一套Javascript 函式庫。(2)使用時需要相關于開發(fā)目錄中，再依據(jù)各個組件的呼叫方式使用。(3)各個呈現(xiàn)組件提供標準的 CSS 與圖式集，開發(fā)亦可以自行定義新的 CSS。(4)各個呈現(xiàn)組件在設定上皆使用XML 標準格式設定文件。DHTMLX 開源的組件部分符合了這幾個要點，開發(fā)者

22、可以透過JavaScript,XML 或 HTML 元素初始化的方式初始組件，也可以根 據(jù) CSS 規(guī)格客制組件的呈現(xiàn)方式，并且不相依于其它開源函式庫， 所以安裝簡易方便(只要到的目錄即可開發(fā))。除了這些共通性質(zhì)之外，每一個組件的特性功能并不一樣，而這些詳細的功能特性會在往后的章節(jié)詳述。2.1 什么是 dhtmlxCalendardhtmlxCalendar 是一個可以彈出日期選取器或是呈現(xiàn)平面日歷的組件。對于開發(fā)者的或應用程序而言，dhtmlxCalendar 確實是一個易于使用，并可充分客制適合不同需求的日期選取器方 案。這個日歷支持在日期選擇上的各種功能，如設定自訂的日期格式、使用不同的

23、語言和套版、以及其它不同的功能等。完整的 JavaScript API 提供開發(fā)者節(jié)省時間的設定。dhtmlxGrid數(shù)據(jù)方格組件，提供開發(fā)者類似MS EXCEL 的，可以顯示數(shù)據(jù)與編輯數(shù)據(jù)，也可以讓使用者有良好的使用者界面。Hyweb ProgressBar透過進度列顯示出操作的完成進度狀幠，并且可以支持參數(shù)對象(JSON)定義其樣式與顯示的圖標。進度的顯示方式有完成百分比(%) 的文字顯示。進度列組件并且支持通知，透過設定觸發(fā)條件當進度達到觸發(fā)條件，將會觸發(fā)提供給網(wǎng)頁應用程序開發(fā)對進行操作與處理。dhtmlxCalendar 為開發(fā)者提供以下的可能性： 任一日期(如:周日或周一)為一周中的

24、第一天;使用年份下拉列表; 設定日期格式 ; 啟用日期范圍選擇; 支持多語系的日歷功能; 設定假日。2.1.1 主要特點支持多瀏覽器 /支持跨平臺; 可以 JavaScript API 完全持; 易于連結至文字輸入字段; 雙日歷。; 設定無效的日期范圍; 內(nèi)建多語系支2.1.2 支持的瀏覽器IE 5.5 以上;Mac OS X Safari;Mozilla 1.4 以上;FireFox 0.9 以上。上。Chrome。 Opera 8.5 以2.2 初始化 dhtmlxCalendar下列初始化方式可供 dhtmlxCalendar 開發(fā)者使用： 最小初始化;延展型初始化; 與輸入連結的日歷;

25、 雙日歷。任一種 dhtmlxCalendar 初始化必須做的第一件事如下：從ServerdhtmlxCalendar 包，并放置在某一數(shù)據(jù) 夾;建立一份HTML 文件;將 dhtmlxCalendar 的 CSS 文件和 JS 文件的完整路徑放到建 立的 HTML 文件檔頭。<head><link rel="stylesheet" type="text/css" href="的完整路徑/dhtmlxcalendar.css"><script src="的完整路徑/dhtmlxcommon.js

26、"></script><script src="的完整路徑/dhtmlxcalendar.js"></script><script>window.dhx_globalImgPath="目錄的完整路徑/codebase/imgs/"</script> / 用來設定日歷圖文件所在目錄之完整路徑的JS 全域變數(shù)</head>2.2.1 最小初始化首先，開發(fā)者必須建立一個放置 dhtmlxCalendar 的對象。 在這個例子中，這個對象是放置在<body> 卷標

27、（對象）中的 一個 <div> 元素：<div id="objId"></div>建立一個新的 dhtmlxCalendarObject ，并將其放置在我們剛剛建立的<div> 元素（對象）之后：<script>mCal = new dhtmlxCalendarObject("objId",true);</script>開發(fā)者應指定的參數(shù)如下：objId - 要建立 Calendar 之對象的 ID;true|false - 強制顯示或不立刻顯示日歷。還要再加上最后一個初始化 Cal

28、endar 的指令如下：<script>mCal.draw();</script>當網(wǎng)頁被加載后，日歷即會被顯示在頁面上，并標出目前日期。注意：當初始化 Calendar 時，開發(fā)者應決定是否透過建構式的第二個參數(shù)（設為true），或使用 draw() 方法來顯示日歷。2.2.2 延展型初始化以延展型初始化建立 Calendar 時，開發(fā)者用的也是跟最小初始化相同的指令來呼叫。延展型初始化的碼如下所示：<script>mCal = new dhtmlxCalendarObject("objId", false,name_of_the_op

29、tion: parameter);mCal.draw();</script>建構式的第三個參數(shù)開發(fā)者啟用 Calendar 的不同選項： isYearEditable:true|false -開發(fā)員直接用鍵盤輸入年 份；yearsRange:(from,to) - 提供年度范圍的設定(數(shù)組from,to)；isMonthEditable:(true|false) -開發(fā)員直接用鍵盤輸入月份；isWinHeader:(frue|false) - 將窗口標頭顯示成按鈕 (關 鄆，最大化/最小化，設定目前日期) 和“日歷標題”；headerButtons: "XMT"

30、 - 使用哪些標頭按鈕：關閉(X)，最大化/最小化(M)，設置目前日期(T)；isWinDrag:(frue|false) - 若設其為true(而且 isWinHeader 也設為true)，則日歷可被拖拉。如果開發(fā)者打算一次設置上述多個選項，可將相關指令以逗號分隔寫在一起（作為建構式的第三個參數(shù)）。2.2.3 日歷連結輸入欄還可以建立一個 Calendar 連結到頁面的輸入欄。首先，開發(fā)者建立輸入欄。例如：<input type="text" id="calInput1" class="css1" readonly=&quo

31、t;true">然后，用一行碼建立 Calendar 并連結到新建立的輸入 欄：<script>mCal = new dhtmlxCalendarObject("calInput1");mCal.draw();</script>當選到此輸入欄時即顯示 Calendar。當開發(fā)為輸入欄的值，然后 Calendar 立即被關閉。Calendar 上選了某個日期，選定的日期將被設2.2.4 雙日歷dhtmlxCalendar 也可被初始化成雙日歷型式，以便用于選擇日期范圍。如同初始化簡單型Calendar 一樣，開發(fā)者需在頁面上建立一個對象

32、以放置此組件，然后再建立一個新的dhtmlxDblCalendarObject :<div id="objId"></div><script>mDCal = new dhtmlxDblCalendarObject("objId", true);mDCal.draw();</script>日期范圍可用 setDate() 方法加上下面的參數(shù)便很容易設 定：dateFrom - 指定范圍開始的日期;dateTo - 范圍的結束日期。<script>mDCal.setDate(dateFrom,dat

33、eTo);</script>日歷左側的日歷會標示范圍的開始日期，右側則顯示范圍的結束日期。另一種在dthmlxCalendar 組件中設定日期范圍的方式將在下面設定日期范圍一節(jié)里說明。2.3dhtmlxCalendar 設定2.3.1 設定Skin開發(fā)者可以下述方式為 dthmlxCalendar 設定使用某個預先定義的Skin：<script>mCal.setSkin("skin_name");</script>注意：要設為使用預設skin 時，開發(fā)者應使用空字符串作為 setSkin()方法的參數(shù)。.可使用的 Skins

34、以下的Skins 可用于此組件：SilverLight (預設)yahoolikesimplecolordarksimplecolorsandclassicdhx_bluedhx_black2.3.2 日期格式日歷支持以下幾種日期格式： 預設的日期格式; 指定的日期格式; 對特定日期用指定的日期格式。. 預設的日期格式dhtmlxCalendar 里預設的日期格式為： %Y-%m-%d.. 指定的日期格式用 setDateFormat()方法可容易地對整個 Calendar 設定特定的日期格式：<script>mCal.setDateFormat(for

35、mat_str);</script>這種方法只需要一個參數(shù)-format_str-可包含以下選項：%e g- - 一的天數(shù)，不帶前導的零(1.31);%d gs - 一的天數(shù)，包含有前導零的 2 位數(shù)(01.31);g- - 一年的天數(shù)，包含有前導零的 3 位數(shù)(001.366);%jg- - 一周里的文字表示法，以兩個字母表示(Mo.Su) ;%a%Wg- - 一周里的完整文字表式法;g- - 月份的數(shù)字表示法，不帶前導的零(1.12) ;%c%mgs - 月份的數(shù)字表示法，包含有前導零(01.12) ;%b gs - 月份的簡短文字表示法，以三個字母表示(Jan.Dec);%M

36、gs - 月份的完整文字表示法，例如January 或 March (January.December);%y g- - 年份的兩位數(shù)表示法(93.03);%Y gs - 年份的完整數(shù)字表示法，以 4 位數(shù)表示(1993.2003);% gs - 將字符"%"包含在日期格式中舉例而言，如果開發(fā)者要選用某種日期格式(與預設日期格式不同)，其跟月都要含前導零，年則用完整數(shù)字表示法， 而日、月、以句點(.)分隔，則應用如下的碼：<script>mCal.setDateFormat("%d.%m.%Y");</script>

37、.對特定日期指定日期格式當開發(fā)者想對 Calendar 中的某一特定日期設定指定格式（與預設日期格式及 setDateFormat()方法中設定的不同）時，應以下列參數(shù)使用 setFormatedDate() 方法：format_str - 對持定日期指定的格式字符串;date - 特定日期。<script>var mCal = new dhtmlxCalendarObject("objId",true);.mCal.setFormatedDate(format_str,date);</script>利用 getFormatedDate() 方法可輕

38、易用下面方式以指定的格式取得日期字符串：<script>mCal.getFormatedDate(format_str, date);</script>上述方法使用下列參數(shù)：format_str - 設定要取得的日期格式;date - 指定的日期。如果省略此參數(shù)，將回傳Calendar 里目前選取到的日期。2.3.3 設定/ 取得日期要設定某個特定日期，使其在日歷中如同當前日期般標示出來，開發(fā)者應使用 setDate()方法，并指明該日期作為參數(shù)。此日期應以預設日期格式，或是以setDateFormat() 方法指定過的格式來表達：<script>mCal.

39、setDate(date);</script>有個取得 Calendar 目前選定之日期的簡單做法：<script>var date = mCal.getDate() / 回傳 Calendar 中目前選定的日期</script>2.3.4 設定日期范圍dhtmlxCalendar 有兩種設定日期范圍的方式： 對雙月歷(double Calendar); 對簡單月歷(simpleCalendar)。. 雙日歷(Double Calendar)請參閱 Double Calendar 章節(jié)里，關于 setDate()方法的相關信息。.

40、 簡單日歷(Simple Calendar)另一種不同于雙日歷的日期范圍設定方式，是如下面方式對簡單 Calendar 使用 setSensitive()：<script>mCal.setSensitive(dateFrom, dateTo);</script>此方法分派了一段可供開發(fā)員選取的日期區(qū)間。其參數(shù)為：dateFrom - 最小日期; dateTo - 最大日期。 當日歷被建立時，唯一有效的日期范圍是以 setSensitive() 方法指定的區(qū)間，其它落在指定范圍以外的日期都會顯示為無效。setSensitive() 方法的另一種用法是將多個日期寫成第一個參

41、數(shù)，并省略第二個參數(shù)。在這種情，開發(fā)員就只能在這些被指定的日期中選取:<script>mCal. setSensitive(array of dates or comma separatedstring list);</script>例如:<script>mCal.setSensitive('2008.20.09,09.30,2008.09.21,2008.09.22');</script>2.3.5 設定年度范圍也可以用 setYearsRange() 方法設定年度范圍：<script>mDCal.setYearsR

42、ange(1980, 2020);</script>參數(shù)包括:minYear- 范圍中的第一年;maxYear - 范圍中的最后一年。2.3.6 使日歷多語系化開發(fā)者增加和使用不同的各國語言尟援，并可在它們之間動幠地切換。dhtmlxCalendar首先，如果 Calendar 組件包中沒有提供該語言的定義，開發(fā)者需以程序定義必要的語言設定?？梢韵铝蟹椒ㄌ幚恚?lt;script>dhtmlxCalendarLangModules = new Array(); /如數(shù)組未存在則先建立/為新語言(Russian，俄語) 設定義dhtmlxCalendarLangModules&

43、#39;ru' = langname: 'ru', /新語言的 IDdateformat: '%d.%m.%Y', / 日期格式monthesFNames: "?i'aa?u"", "Oa*a?ae"u"", "Ia?o","Ai"?a*e"u"", "Iae'", "E?i'u"","E?e"u"",

44、"Aaao'no","Na*i'oy"a'?u"", "Ieoy"a'?u"", "I'iy"a'?u"", "A"a*eaa'?u"", / 月份的完整名稱monthesSNames: "?i'a", "Oa*a", "Ia?", "Ai"?", "Ia

45、e'", "E?i'","E?e"", "Aaa", "Na*i'","Ieo", "I'iy"", "A"a*e", / 月份的簡寫daysFNames: "Aine?a*na*i'u"a*", "I"ii'a*a"a*e"u"i'ee","Aoi?i'

46、ee", "N?a*a"a","?a*oaa*?a", "I"y"oi'eo"a","No'a'a'ioa", /的完整名稱daysSNames: "An", "I"i'", "Ao", "N?", "?o", "I"o", "Na'",/的簡寫weekend:

47、 0, 6, / 哪幾天算是周末weekstart: 1, / 周起始日msgClose: "C,ae?uou"", / 關閉鈕的提示字符串msgMinimize: "Naa*?i'o'ou"", / 最小化鈕的提示字符串msgToday: "Na*aia"i'y"" / 今日鈕的提示字符串/為新語言(German，德語) 設定義dhtmlxCalendarLangModules'de' = langname: 'de',dateforma

48、t: '%d.%m.%Y',monthesFNames: "Januar", "Februar", "Ma"rz", "April", "Mai","Juni", "Juli", "August", "September", "Oktober", "November","Dezember",monthesSNames: "

49、Jan", "Feb", "Ma"r", "Apr", "Mai", "Jun", "Jul","Aug", "Sep", "Okt", "Nov", "Dez",daysFNames: "Sonntag", "Montag", "Dienstag", "Mittwoch",&q

50、uot;Donnerstag", "Freitag", "Samstag",daysSNames: "So", "Mn", "Dn", "Mt", "Dn", "Fr", "Sa",weekend: 0, 6,weekstart: 1,msgClose: "Schlie?en",msgMinimize: "Drehen",msgToday: "Heute&q

51、uot;</script>在設好要用的語言設定之后，就可以用loadUserLanguage()方法指定語言 ID，而在不同語言之間切換：<script>mCal.loadUserLanguage("ru");</script>2.3.7 改變周啟始日開發(fā)者可像下面這樣用 weekstart 屬性輕易地一周啟始日：<script>mCal.options.weekstart=1;/每周從六開始起算一開始起算/ormCal.options.weekstart=0; /每周從</script>周啟始日也可以在整體語言定義(overal language settings)里被定義：/設定周日和周六為周末，以周一為周啟始日.weekend: 0, 6, / 周weekstart: 1, / 周啟始日2.3.8 隱藏/ 顯示日歷Calendar 可用下列方式輕易地顯示或隱藏 :<script>mCal.show();mCal.hide();/ 或mCal.close();</script>有個簡單測試 Calendar 目前是