Dhtmlx gantt SAMPLE文件夾整理

DHTMLX-GANTT 7.0中SAMPLE文件夾提供了許多例子，每個例子都跑了一邊，整理一下，方便以後用。

說明：紅色字是一些基礎功能。

sample解析

Initialization初始化（基本功能）
1. Basic init基礎初始
2. 導入json
3. 導入xml
4. 06_touch_forced
5. 08_explicit_time_range.html明確時間範圍（應該是整個時間軸）
6. 09_backward_compatibility向後兼容
7. 10_fixed_size設置合適尺寸（<div id="gantt_here" style='width:1020px; height:400px;'></div>）
8. 11_clickable_links：點擊連接線顯示提示信息
9. 12_localization：本地語言
10. 13_project_duration：項目所需時間設置：{id:23, text:"Task #4.3", start_date:"03-04-2018", duration:"5", parent:15, progress: 0, open: true}
11. 14_reinitializtion：重新初始化
12. 15_connector_json_enddate：讀取有開始時間、結束時間JSON格式的數據。"start_date": "2018-04-01 00:00:00", "end_date": "2018-04-06 00:00:00",
13. 17_bootstrap：
14. 18_backward_planning：逆向方法計算任務：結束時間-任務所需時間。"end_date": "2018-04-01 00:00:00","duration": 5
15. 19_tasks_without_dates：沒有時間的任務，不顯示
16. 20_tasks_outside_timescale：超出的時間在左邊的grid裏面顯示，但是不在右側顯示甘特圖
Extension擴展
1. 01_quickinfo：點擊任務，會出現編輯/刪除該任務信息。gantt.plugins({ quick_info: true });
2. 02_tooltip：鼠標移到任務，顯示具體信息
3. 05_today_line：顯示當天時間線。
4. 09_multiselection：選擇多個任務
5. 11_full_screen：全屏（未找到全屏按鈕）
6. 13_smart_rendering：智能處理。（看到的是智能排序了）
7. 14_undo：設置任務狀態（undo是沒有做，redo是重做）
8. 16_keyboard_navigation：開啓鍵盤控制功能。keyboard_navigation: true
9. 17_keyboard_navigation_cell：鍵盤控制功能。
10. 18_linked_tasks：（不明白）
11. 21_overlay：覆蓋（如何覆蓋不明白）
12. 22_tooltip_api：提示功能API（和02相似）
13. 23_click_drag_splittask：
14. 24_click_drag：
15. 25_click_drag_select_by_drag
16. 26_full_screen_with_additional_elements：顯示全屏，有全屏按鈕
17. 27_drag_timeline：通過鼠標移動日期來移動。
Scales日期縮放
1. 01_multiple_scales。多重縮放：月、周、日（有周六、週日特殊顏色）
2. 02_month_days（顯示月、日（有星期））代碼簡單
3. 03_full_year：全年縮放（年、季度、月）
4. 04_days：每天（每天時間）
5. 05_dynamic_scales：動態縮放（有縮放按鈕）
6. 06_custom_scales：一般的日期縮放（以日爲最小單位）
7. 07_minutes_scale：分鐘爲最小單位縮放
8. 08_scale_autoconfig：自動調整縮放比例。（根據日期和任務的改變自動調整縮放比例）
9. 10_working_hours
10. 11_select_column：顯示列（點擊時間，會有一個顏色變化）
11. 12_year_quarters：縮放1/4
12. 13_zoom_to_fit：縮放甘特圖使得整個任務在時間軸範圍內都能夠看到
13. 14_scale_zoom_by_wheelmouse：支持鼠標+ctrl滾動縮放
Customization用戶定製
1. 01_outer_content ：左右兩欄顯示額外信息
2. 02_custom_tree：左邊樹型配置
3. 03_link_styles：連接線樣式
4. 04_task_styles：任務樣式
5. 05_tree_template：樹型模板
6. 06_highlight_weekend：高亮週末（沒有看到）
7. 07_progress_text：甘特圖顯示進度
8. 08_templates：
9. 09_html_content
10. 10_context_menu
11. 11_split_task
12. 13_autosize_container：根據文字大小內容調整甘特圖
13. 16_inline_task_colors：設置任務欄的顏色和字體顏色
14. 18_subtasks_displaying：大任務觀變小任務顯示
15. 20_message_types：右上角顯示不同類型的提醒信息
16. 21_open_split_task

Lightbox編輯任務欄信息中的信息
1. 01_lightbox_customization
2. 02_checkbox
3. 02_progress_lightbox
4. 02_radio
5. 03_validation
6. 04_custom_editor
7. 05_template
8. 06_custom_button：增加按鈕
9. 07_time：開始時間——結束時間
10. 08_parent_selector：選擇所屬任務
11. 09_years_selector_range：年份。year_range: [2010, 2025]
12. 10_progress_slider：進度條
13. 11_datepicker_for_lightbox
14. 12_select
15. 14_jquery_multiselect
Skins皮膚

06_dynamic_skin：動態皮膚.metail甘特圖中日期有格子。

08_high_contrast_white：裏面有各種彈出信息提示框。

onclick="gantt.alert({text:'Some text'})"

Grid
1. 01_builtin_sorting：左側欄目排序 gantt.config.sort = true;
2. 02_branch_ordering：分枝排序
3. 03_filtering：過濾顯示
4. 04_custom_sorting
5. 05_sort_api：根據優先度、根據名字排序
6. 06_without_grid：無左側
7. 07_custom_buttons：添加、修改、刪除按鈕
8. 08_drag_between_levels
9. 09_wbs_column：項目目錄結構
10. 10_scrollable_grid：左右兩側都有滾動條
11. 11_inline_edit_basic
12. 12_inline_edit_key_nav
13. 13_custom_mapping
14. 14_branch_ordering_highlight
Api
1. 01_dnd_events：onAfterTaskDrag，onBeforeTaskChanged，onBeforeTaskDrag
2. 02_constraints：限制條件，禁止左右移動
3. 03_validation：校驗
4. 04_limit_project：
5. 05_limit_drag_dates：onTaskDrag,onAfterTaskDrag
6. 06_export：導出功能
7. 07_export_styles
8. 08_export_other
9. 11_project_structure：項目結構
10. 12_fit_task_text：字體調整
11. 13_highlight_drag_position
12. 18_load_from_mpp
13. 18_load_from_primaverap6
14. 19_draggable_projects
15. 21_load_from_excel：從EXCEL導入
16. 22_data_processor
worktime任務時間調整
layout佈局
1. 01_rightside_columns：右側欄目
2. 02_resource_panel：下側資源欄目
3. 03_scale_at_bottom：日期在下面
4. 04_rtl：佈局左右調整
Resources分派資源
common