forked from fanruan/fineui
guy
8 years ago
6 changed files with 292 additions and 932 deletions
@ -1,931 +0,0 @@
|
||||
/** |
||||
* Created by User on 2017/3/21. |
||||
*/ |
||||
Demo.WIDGET = [{ |
||||
id: 2, |
||||
pId: -1, |
||||
text: "文本框", |
||||
isParent: true, |
||||
open: false |
||||
}, { |
||||
pId: -1, |
||||
id: 1, |
||||
text: "树", |
||||
isParent: true, |
||||
open: false |
||||
}, { |
||||
pId: -1, |
||||
id: 7, |
||||
text: "表格", |
||||
isParent: true, |
||||
open: false |
||||
}, { |
||||
pId: -1, |
||||
id: 8, |
||||
text: "图表", |
||||
isParent: true, |
||||
open: false |
||||
}, { |
||||
pId: -1, |
||||
id: 3, |
||||
text: "日历", |
||||
isParent: true, |
||||
open: false |
||||
}, { |
||||
pId: -1, |
||||
id: 4, |
||||
text: "分页相关", |
||||
isParent: true, |
||||
open: false |
||||
}, { |
||||
pId: -1, |
||||
id: 5, |
||||
text: "tip提示", |
||||
isParent: true, |
||||
open: false |
||||
}, { |
||||
pId: -1, |
||||
id: 6, |
||||
text: "组合控件", |
||||
isParent: true, |
||||
open: false |
||||
}, { |
||||
pId: -1, |
||||
id: 9, |
||||
text: "选色控件", |
||||
isParent: true, |
||||
open: false |
||||
}, { |
||||
pId: -1, |
||||
id: 10, |
||||
text: "canvas绘图", |
||||
isParent: true, |
||||
open: false |
||||
}, { |
||||
pId: -1, |
||||
id: 11, |
||||
text: "svg绘图", |
||||
isParent: true, |
||||
open: false |
||||
}, { |
||||
pId: -1, |
||||
text: "bi.message", |
||||
value: "message" |
||||
}, { |
||||
pId: -1, |
||||
text: "bi.button", |
||||
value: "button" |
||||
}, { |
||||
pId: -1, |
||||
text: "bi.multifile", |
||||
value: "multifile" |
||||
}, { |
||||
pId: -1, |
||||
text: "bi.label", |
||||
value: "label" |
||||
}, { |
||||
pId: 2, |
||||
text: "bi.editor", |
||||
value: "demo.absolute" |
||||
}, { |
||||
pId: 2, |
||||
text: "bi.state_editor", |
||||
value: "state_editor" |
||||
}, { |
||||
pId: 2, |
||||
text: "bi.record_editor", |
||||
value: "record_editor" |
||||
}, { |
||||
pId: 2, |
||||
text: "bi.sign_editor", |
||||
value: "sign_editor" |
||||
}, { |
||||
pId: 2, |
||||
text: "bi.shelter_editor", |
||||
value: "shelter_editor" |
||||
}, { |
||||
pId: 2, |
||||
text: "bi.code_editor", |
||||
value: "code_editor" |
||||
}, { |
||||
pId: 2, |
||||
text: "bi.textareaeditor", |
||||
value: "textareaeditor" |
||||
}, { |
||||
pId: 6, |
||||
text: "bi.combo", |
||||
value: "combo" |
||||
}, { |
||||
pId: 6, |
||||
text: "bi.combo(各种位置)", |
||||
value: "combo2" |
||||
}, { |
||||
pId: 6, |
||||
text: "bi.expander", |
||||
value: "expander" |
||||
}, { |
||||
pId: 6, |
||||
text: "bi.switcher", |
||||
value: "switcher" |
||||
}, { |
||||
pId: 6, |
||||
text: "bi.searcher", |
||||
value: "searcher" |
||||
}, { |
||||
pId: 6, |
||||
text: "bi.bubble_combo", |
||||
value: "bubble_combo" |
||||
}, { |
||||
pId: 1, |
||||
text: "bi.customtree", |
||||
value: "customtree" |
||||
}, { |
||||
pId: 1, |
||||
text: "bi.tree", |
||||
value: "tree" |
||||
}, { |
||||
pId: 1, |
||||
text: "bi.sync_tree", |
||||
value: "synctree" |
||||
}, { |
||||
pId: 1, |
||||
text: "bi.part_tree", |
||||
value: "parttree" |
||||
}, { |
||||
pId: 1, |
||||
text: "bi.display_tree", |
||||
value: "displaytree" |
||||
}, { |
||||
pId: 1, |
||||
text: "bi.simple_tree", |
||||
value: "simpletree" |
||||
}, { |
||||
pId: 1, |
||||
text: "bi.level_tree", |
||||
value: "leveltree" |
||||
}, { |
||||
pId: 1, |
||||
text: "bi.branch_tree", |
||||
value: "branch_tree" |
||||
}, { |
||||
pId: 1, |
||||
text: "bi.handstand_branch_tree", |
||||
value: "handstand_branch_tree" |
||||
}, { |
||||
pId: 2, |
||||
text: "bi.formula", |
||||
value: "formula" |
||||
}, { |
||||
pId: 9, |
||||
text: "bi.farbtastic", |
||||
value: "farbtastic" |
||||
}, { |
||||
pId: 9, |
||||
text: "bi.color_picker", |
||||
value: "color_picker" |
||||
}, { |
||||
pId: 9, |
||||
text: "bi.color_picker_editor", |
||||
value: "color_picker_editor" |
||||
}, { |
||||
pId: 7, |
||||
text: "bi.table_view", |
||||
value: "table_view" |
||||
}, { |
||||
pId: 7, |
||||
text: "bi.table_tree", |
||||
value: "tabletree" |
||||
}, { |
||||
pId: 7, |
||||
text: "bi.layer_tree_table", |
||||
value: "layer_tree_table" |
||||
}, { |
||||
pId: 7, |
||||
text: "bi.tabler", |
||||
value: "tabler" |
||||
}, { |
||||
pId: 8, |
||||
text: "bi.chart", |
||||
value: "chart" |
||||
}, { |
||||
pId: 8, |
||||
text: "charts", |
||||
value: "charts" |
||||
}, { |
||||
pId: 5, |
||||
text: "bi.bubble", |
||||
value: "bubble" |
||||
}, { |
||||
pId: 5, |
||||
text: "bi.toast", |
||||
value: "toast" |
||||
}, { |
||||
pId: 5, |
||||
text: "bi.tooltip", |
||||
value: "tooltip" |
||||
}, { |
||||
pId: 4, |
||||
text: "bi.tab", |
||||
value: "tab" |
||||
}, { |
||||
pId: 4, |
||||
text: "bi.pager", |
||||
value: "pager" |
||||
}, { |
||||
pId: 4, |
||||
text: "bi.loader", |
||||
value: "loader" |
||||
}, { |
||||
pId: 4, |
||||
text: "bi.navigation", |
||||
value: "navigation" |
||||
}, { |
||||
pId: 4, |
||||
text: "bi.scroll_view", |
||||
value: "scrollview" |
||||
}, { |
||||
pId: 4, |
||||
text: "bi.number_pager", |
||||
value: "numberpager" |
||||
}, { |
||||
pId: 4, |
||||
text: "bi.direction_pager", |
||||
value: "directionpager" |
||||
}, { |
||||
pId: 4, |
||||
text: "bi.skip_pager", |
||||
value: "skippager" |
||||
}, { |
||||
pId: 4, |
||||
text: "bi.all_pager", |
||||
value: "allpager" |
||||
}, { |
||||
pId: 4, |
||||
text: "bi.lazyloader", |
||||
value: "lazy_loader" |
||||
}, { |
||||
pId: 3, |
||||
text: "bi.calendar", |
||||
value: "calendar" |
||||
}, { |
||||
pId: 3, |
||||
text: "bi.year_calendar", |
||||
value: "year_calendar" |
||||
}, { |
||||
pId: 10, |
||||
text: "bi.canvas", |
||||
value: "canvas" |
||||
}, { |
||||
pId: 10, |
||||
text: "bi.complex_canvas", |
||||
value: "complex_canvas" |
||||
}, { |
||||
pId: 11, |
||||
text: "bi.svg", |
||||
value: "svg" |
||||
}, { |
||||
text: "bi.zero_clip", |
||||
value: "zclip" |
||||
}, { |
||||
text: "bi.grid_view", |
||||
value: "gridview" |
||||
}, { |
||||
text: "bi.collection_view", |
||||
value: "collectionview" |
||||
}, { |
||||
text: "bi.grid_table", |
||||
value: "gridtable" |
||||
}]; |
||||
Demo.layout = [{ |
||||
text: "bi.center_adapt", |
||||
value: "center_adapt" |
||||
}, { |
||||
text: "bi.float_center_adapt", |
||||
value: "float_center_adapt" |
||||
}, { |
||||
text: "bi.absolute_center_adapt", |
||||
value: "absolute_center_adapt" |
||||
}, { |
||||
text: "bi.flex_center", |
||||
value: "flex_center" |
||||
}, { |
||||
text: "bi.inline_center_adapt", |
||||
value: "inline_center_adapt" |
||||
}, { |
||||
text: "bi.vertical_adapt", |
||||
value: "vertical_adapt" |
||||
}, { |
||||
text: "bi.inline_vertical_adapt", |
||||
value: "inline_vertical_adapt" |
||||
}, { |
||||
text: "bi.horizontal_adapt", |
||||
value: "horizontal_adapt" |
||||
}, { |
||||
text: "bi.horizontal_auto", |
||||
value: "horizontal_auto" |
||||
}, { |
||||
text: "bi.horizontal_float", |
||||
value: "horizontal_float" |
||||
}, { |
||||
text: "bi.left_right_vertical_adapt", |
||||
value: "left_right_vertical_adapt" |
||||
}, { |
||||
text: "bi.center", |
||||
value: "center" |
||||
}, { |
||||
text: "bi.float_center", |
||||
value: "float_center" |
||||
}, { |
||||
text: "bi.vertical", |
||||
value: "vertical" |
||||
}, { |
||||
text: "bi.horizontal", |
||||
value: "horizontal" |
||||
}, { |
||||
text: "bi.border", |
||||
value: "border" |
||||
}, { |
||||
text: "bi.card", |
||||
value: "card" |
||||
}, { |
||||
text: "bi.left, bi.right", |
||||
value: "flow" |
||||
}, { |
||||
text: "bi.lattice", |
||||
value: "lattice" |
||||
}, { |
||||
text: "bi.inline", |
||||
value: "inline" |
||||
}, { |
||||
text: "bi.htape", |
||||
value: "htape" |
||||
}, { |
||||
text: "bi.vtape", |
||||
value: "vtape" |
||||
}, { |
||||
text: "bi.grid", |
||||
value: "grid" |
||||
}, { |
||||
text: "bi.table", |
||||
value: "table" |
||||
}, { |
||||
text: "bi.division", |
||||
value: "division" |
||||
}, { |
||||
text: "bi.window", |
||||
value: "window" |
||||
}, { |
||||
text: "bi.td", |
||||
value: "td" |
||||
}]; |
||||
Demo.DETAIL = [{ |
||||
id: -2, |
||||
text: "各种基础小控件" |
||||
},{ |
||||
pId: -2, |
||||
id: -1, |
||||
text: "各种基础小控件" |
||||
}, { |
||||
pId: -2, |
||||
id: 1, |
||||
text: "文本框控件" |
||||
}, { |
||||
pId: -2, |
||||
id: 12, |
||||
text: "下拉框控件(可测)" |
||||
}, { |
||||
pId: -2, |
||||
id: 2, |
||||
text: "年份控件(可测)" |
||||
}, { |
||||
pId: -2, |
||||
id: 3, |
||||
text: "月份控件(可测)" |
||||
}, { |
||||
pId: -2, |
||||
id: 4, |
||||
text: "季度控件(可测)" |
||||
}, { |
||||
pId: -2, |
||||
id: 5, |
||||
text: "简单日期控件(不参与测试)" |
||||
}, { |
||||
pId: -2, |
||||
id: 6, |
||||
text: "复杂日期控件(可测)" |
||||
}, { |
||||
pId: -2, |
||||
id: 7, |
||||
text: "下拉列表(可测)" |
||||
}, { |
||||
pId: -2, |
||||
id: 8, |
||||
text: "选择字段列表(可测)" |
||||
}, { |
||||
pId: -2, |
||||
id: 9, |
||||
text: "公式编辑器(可测)" |
||||
}, { |
||||
id: 10, |
||||
pId: -2, |
||||
text: "数值区间控件(可测)" |
||||
}, { |
||||
id: 11, |
||||
pId: -2, |
||||
text: "下拉复选框有确定按钮(已阅)" |
||||
}, { |
||||
id: 13, |
||||
pId: -2, |
||||
text: "移动和复制到分组(可测)" |
||||
}, { |
||||
id: 14, |
||||
pId: -2, |
||||
text: "单选下拉树(可测)" |
||||
}, { |
||||
id: 23, |
||||
pId: -2, |
||||
text: "可选下拉树(可测)" |
||||
}, { |
||||
id: 15, |
||||
pId: -2, |
||||
text: "提示对话框(可测)" |
||||
}, { |
||||
id: 16, |
||||
pId: -2, |
||||
text: "复选下拉树(已阅)" |
||||
}, { |
||||
pId: -2, |
||||
id: 17, |
||||
text: "时间区间控件" |
||||
}, { |
||||
pId: -2, |
||||
id: 30, |
||||
text: "简单搜索控件" |
||||
}, { |
||||
pId: -2, |
||||
id: 18, |
||||
text: "简单选择字段" |
||||
}, { |
||||
pId: -2, |
||||
id: 19, |
||||
text: "过滤结构" |
||||
}, { |
||||
pId: -2, |
||||
id: 20, |
||||
text: "选色控件" |
||||
}, { |
||||
pId: -2, |
||||
id: 21, |
||||
text: "文本控件" |
||||
}, { |
||||
pId: -2, |
||||
id: 22, |
||||
text: "路径选择" |
||||
}, { |
||||
pId: -2, |
||||
id: 24, |
||||
text: "文件管理" |
||||
}, { |
||||
pId: -2, |
||||
id: 25, |
||||
text: "表关联树" |
||||
}, { |
||||
pId: -2, |
||||
id: 26, |
||||
text: "关联视图" |
||||
}, { |
||||
pId: -2, |
||||
id: 27, |
||||
text: "表格" |
||||
}, { |
||||
pId: -2, |
||||
id: 32, |
||||
text: "序号表格" |
||||
}, { |
||||
pId: -2, |
||||
id: 28, |
||||
text: "图片组件&web组件" |
||||
}, { |
||||
pId: -2, |
||||
id: 29, |
||||
text: "布局" |
||||
}, { |
||||
pId: -2, |
||||
id: 31, |
||||
text: "详细图表" |
||||
}, { |
||||
pId: -2, |
||||
id: 33, |
||||
text: "树标签" |
||||
}, { |
||||
pId: -2, |
||||
id: 34, |
||||
text: "单值滑块" |
||||
}, { |
||||
pId: -2, |
||||
id: 35, |
||||
text: "区间滑块" |
||||
}, { |
||||
pId: -2, |
||||
id: 36, |
||||
text: "文本列表" |
||||
}, { |
||||
pId: -2, |
||||
id: 37, |
||||
text: "树列表" |
||||
}, { |
||||
pId: -2, |
||||
id: 38, |
||||
text: "日期面板" |
||||
}, { |
||||
pId: -2, |
||||
id: 39, |
||||
text: "螺旋分析tab控件" |
||||
}, { |
||||
pId: -2, |
||||
id: 40, |
||||
text: "数值微调器" |
||||
}, |
||||
|
||||
|
||||
{ |
||||
pId: -1, |
||||
text: "各种通用按钮", |
||||
value: "buttons" |
||||
}, { |
||||
pId: -1, |
||||
text: "各种提示性信息", |
||||
value: "tips" |
||||
}, { |
||||
pId: -1, |
||||
text: "各种items", |
||||
value: "items" |
||||
}, { |
||||
pId: -1, |
||||
text: "各种节点node", |
||||
value: "nodes" |
||||
}, { |
||||
pId: -1, |
||||
text: "各种segment", |
||||
value: "segments" |
||||
}, { |
||||
pId: -1, |
||||
text: "各种面板", |
||||
value: "panes" |
||||
}, { |
||||
pId: -1, |
||||
text: "bi.loading_mask", |
||||
value: "loadingmask" |
||||
}, { |
||||
pId: -1, |
||||
text: "可以切换的树", |
||||
value: "switch_tree" |
||||
}, { |
||||
pId: -1, |
||||
text: "进度条", |
||||
value: "progressbar" |
||||
}, { |
||||
pId: 1, |
||||
text: "bi.text_editor", |
||||
value: "text_editor" |
||||
}, { |
||||
pId: 1, |
||||
text: "bi.search_editor", |
||||
value: "search_editor" |
||||
}, { |
||||
pId: 1, |
||||
text: "bi.adapt_editor", |
||||
value: "adapt_editor" |
||||
}, { |
||||
pId: 1, |
||||
text: "bi.sign_initial_editor", |
||||
value: "sign_initial_editor" |
||||
}, { |
||||
pId: 1, |
||||
text: "bi.sign_style_editor", |
||||
value: "sign_style_editor" |
||||
}, { |
||||
pId: 2, |
||||
text: "bi.year_combo", |
||||
value: "year_combo" |
||||
}, { |
||||
pId: 3, |
||||
text: "bi.month_combo", |
||||
value: "month_combo" |
||||
}, { |
||||
pId: 4, |
||||
text: "bi.quarter_combo", |
||||
value: "quarter_combo" |
||||
}, { |
||||
pId: 5, |
||||
text: "bi.date_combo", |
||||
value: "date_combo" |
||||
}, { |
||||
pId: 7, |
||||
text: "bi.down_list_combo", |
||||
value: "down_list_combo" |
||||
}, { |
||||
pId: 12, |
||||
text: "各种trigger", |
||||
value: "triggers" |
||||
}, { |
||||
pId: 12, |
||||
text: "bi.text_value_combo", |
||||
value: "text_icon_combo" |
||||
}, { |
||||
pId: 12, |
||||
text: "bi.static_combo", |
||||
value: "single_select_combo" |
||||
}, { |
||||
pId: 12, |
||||
text: "bi.text_value_down_list_combo", |
||||
value: "text_icon_down_list_combo" |
||||
}, { |
||||
pId: 12, |
||||
text: "bi.param_date_combo", |
||||
value: "param_date_combo" |
||||
}, { |
||||
pId: 12, |
||||
text: "bi.icon_combo", |
||||
value: "icon_combo" |
||||
}, { |
||||
pId: 12, |
||||
text: "bi.formula_combo", |
||||
value: "formula_combo" |
||||
}, { |
||||
pId: 9, |
||||
text: "bi.formula_insert", |
||||
value: "formula_insert" |
||||
}, { |
||||
pId: 9, |
||||
text: "bi.formula_pane", |
||||
value: "formula_pane" |
||||
}, { |
||||
pId: 8, |
||||
text: "bi.select_data_tree", |
||||
value: "select_data_tree" |
||||
}, { |
||||
pId: 8, |
||||
text: "bi.select_data_switcher", |
||||
value: "select_data_switcher" |
||||
}, { |
||||
pId: 8, |
||||
text: "bi.select_data_search_result", |
||||
value: "select_data_search_result" |
||||
}, { |
||||
pId: 8, |
||||
text: "bi.select_data_searcher(点这)", |
||||
value: "select_data_searcher" |
||||
}, { |
||||
pId: 6, |
||||
text: "bi.multidate_combo", |
||||
value: "multidate_combo" |
||||
}, { |
||||
pId: 17, |
||||
text: "bi.time_interval", |
||||
value: "time_interval" |
||||
}, { |
||||
pId: 10, |
||||
text: "bi.numerical_interval", |
||||
value: "numerical_interval" |
||||
}, { |
||||
pId: 11, |
||||
text: "bi.multi_select_trigger", |
||||
value: "multi_select_trigger" |
||||
}, { |
||||
pId: 11, |
||||
text: "bi.multi_select_search_pane", |
||||
value: "multi_select_search_pane" |
||||
}, { |
||||
pId: 11, |
||||
text: "bi.multi_select_popup_view", |
||||
value: "multi_select_popup_view" |
||||
}, { |
||||
pId: 11, |
||||
text: "bi.multi_select_check_pane", |
||||
value: "multi_select_check_pane" |
||||
}, { |
||||
pId: 11, |
||||
text: "bi.multi_select_combo", |
||||
value: "multi_select_combo" |
||||
}, { |
||||
pId: 13, |
||||
text: "bi.move2group_combo", |
||||
value: "move2group_combo" |
||||
}, { |
||||
pId: 13, |
||||
text: "bi.copy2group_combo", |
||||
value: "copy2group_combo" |
||||
}, { |
||||
pId: 14, |
||||
text: "bi.single_tree_combo", |
||||
value: "single_tree_combo" |
||||
}, { |
||||
pId: 14, |
||||
text: "bi.multilayer_single_tree_combo", |
||||
value: "multilayer_single_tree_combo" |
||||
}, { |
||||
pId: 23, |
||||
text: "bi.select_tree_combo", |
||||
value: "select_tree_combo" |
||||
}, { |
||||
pId: 23, |
||||
text: "bi.multilayer_select_tree_combo", |
||||
value: "multilayer_select_tree_combo" |
||||
}, { |
||||
pId: 15, |
||||
text: "bi.dialog", |
||||
value: "dialog" |
||||
}, { |
||||
pId: 16, |
||||
text: "bi.multi_tree", |
||||
value: "multi_tree" |
||||
}, { |
||||
pId: 18, |
||||
text: "bi.simple_select_data_searcher", |
||||
value: "simple_select_data_searcher" |
||||
}, { |
||||
pId: 19, |
||||
text: "bi.filter_pane", |
||||
value: "filter_pane" |
||||
}, { |
||||
pId: 19, |
||||
text: "bi.filter_operation", |
||||
value: "filter_operation" |
||||
}, { |
||||
pId: 19, |
||||
text: "bi.filter", |
||||
value: "filter" |
||||
}, { |
||||
pId: 20, |
||||
text: "bi.color_chooser", |
||||
value: "color_chooser" |
||||
}, { |
||||
pId: 21, |
||||
text: "bi.text_toolbar", |
||||
value: "text_toolbar" |
||||
}, { |
||||
pId: 21, |
||||
text: "bi.text_area", |
||||
value: "text_area" |
||||
}, { |
||||
pId: 22, |
||||
text: "bi.path_chooser", |
||||
value: "path_chooser" |
||||
}, { |
||||
pId: 22, |
||||
text: "bi.direction_path_chooser", |
||||
value: "direction_path_chooser" |
||||
}, { |
||||
pId: 24, |
||||
text: "bi.file_manager", |
||||
value: "file_manager" |
||||
}, { |
||||
pId: 25, |
||||
text: "bi.branch_relation", |
||||
value: "branch_relation" |
||||
}, { |
||||
pId: 26, |
||||
text: "bi.relation_view", |
||||
value: "relation_view" |
||||
}, { |
||||
pId: 27, |
||||
text: "bi.preview_table", |
||||
value: "preview_table" |
||||
}, { |
||||
pId: 27, |
||||
text: "bi.adaptive_table", |
||||
value: "adaptive_table" |
||||
}, { |
||||
pId: 27, |
||||
text: "bi.adaptive_table(冻结表头)", |
||||
value: "adaptive_table2" |
||||
}, { |
||||
pId: 27, |
||||
text: "bi.custom_scroll_table", |
||||
value: "custom_scroll_table" |
||||
}, { |
||||
pId: 27, |
||||
text: "bi.page_table", |
||||
value: "page_table" |
||||
}, { |
||||
pId: 27, |
||||
text: "bi.page_table(冻结)", |
||||
value: "page_table2" |
||||
}, { |
||||
pId: 27, |
||||
text: "bi.page_table(调整列宽)", |
||||
value: "page_table3" |
||||
}, { |
||||
pId: 27, |
||||
text: "bi.excel_table", |
||||
value: "excel_table" |
||||
}, { |
||||
pId: 27, |
||||
text: "bi.sortable_table", |
||||
value: "sortable_table" |
||||
}, { |
||||
pId: 27, |
||||
text: "bi.excel_view_display_manager", |
||||
value: "excel_view_display_manager" |
||||
}, { |
||||
pId: 32, |
||||
text: "bi.sequence_table", |
||||
value: "sequence_table" |
||||
}, { |
||||
pId: 32, |
||||
text: "bi.sequence_table(带有汇总)", |
||||
value: "sequence_table2" |
||||
}, { |
||||
pId: 28, |
||||
text: "bi.upload_image", |
||||
value: "upload_image" |
||||
}, { |
||||
pId: 28, |
||||
text: "bi.web_page", |
||||
value: "web_page" |
||||
}, { |
||||
pId: 29, |
||||
text: "bi.arrangement_droppable", |
||||
value: "arrangement_droppable" |
||||
}, { |
||||
pId: 29, |
||||
text: "bi.arrangement", |
||||
value: "arrangement" |
||||
}, { |
||||
pId: 29, |
||||
text: "bi.adaptive_arrangement", |
||||
value: "adaptive_arrangement" |
||||
}, { |
||||
pId: 29, |
||||
text: "bi.arrangement(网格布局)", |
||||
value: "grid_arrangement" |
||||
}, { |
||||
pId: 29, |
||||
text: "bi.adaptive_arrangement(网格布局)", |
||||
value: "grid_adaptive_arrangement" |
||||
}, { |
||||
pId: 30, |
||||
text: "bi.simple_searcher", |
||||
value: "simple_searcher" |
||||
}, { |
||||
pId: 31, |
||||
text: "选色", |
||||
value: "select_color_combo" |
||||
}, { |
||||
pId: 31, |
||||
text: "bi.detail_chart", |
||||
value: "detail_chart" |
||||
}, { |
||||
pId: 31, |
||||
text: "柱形", |
||||
value: "column_charts" |
||||
}, { |
||||
pId: 31, |
||||
text: "条形图", |
||||
value: "bar_charts" |
||||
}, { |
||||
pId: 31, |
||||
text: "面积图", |
||||
value: "area_charts" |
||||
}, { |
||||
pId: 31, |
||||
text: "其他", |
||||
value: "other_charts" |
||||
}, { |
||||
pId: 33, |
||||
text: "文本标签", |
||||
value: "list_label" |
||||
}, { |
||||
pId: 33, |
||||
text: "树标签", |
||||
value: "tree_label" |
||||
}, { |
||||
pId: 34, |
||||
text: "滑块", |
||||
value: "slider" |
||||
}, { |
||||
pId: 35, |
||||
text: "区间双滑块", |
||||
value: "interval_slider" |
||||
}, { |
||||
pId: 36, |
||||
text: "文本列表", |
||||
value: "string_list" |
||||
}, { |
||||
pId: 37, |
||||
text: "树列表", |
||||
value: "tree_list" |
||||
}, { |
||||
pId: 38, |
||||
text: "日期面板", |
||||
value: "data_pane" |
||||
}, { |
||||
pId: 39, |
||||
text: "螺旋分析tab控件", |
||||
value: "dynamic_group_tab" |
||||
}, { |
||||
pId: 40, |
||||
text: "数值微调器", |
||||
value: "finetuning_number_editor" |
||||
}]; |
@ -1,6 +1,44 @@
|
||||
* { |
||||
font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif; |
||||
} |
||||
.layout-bg-white { |
||||
background-color: #ffffff; |
||||
} |
||||
.layout-bg-gray { |
||||
background-color: #eeeeee; |
||||
} |
||||
.layout-bg1 { |
||||
color: #ffffff; |
||||
background-color: #0088cc; |
||||
} |
||||
.layout-bg2 { |
||||
color: #ffffff; |
||||
background-color: #008B8B; |
||||
} |
||||
.layout-bg3 { |
||||
color: #ffffff; |
||||
background-color: #6495ED; |
||||
} |
||||
.layout-bg4 { |
||||
color: #ffffff; |
||||
background-color: #ff69b4; |
||||
} |
||||
.layout-bg5 { |
||||
color: #ffffff; |
||||
background-color: #B8860B; |
||||
} |
||||
.layout-bg6 { |
||||
color: #ffffff; |
||||
background-color: #d9534f; |
||||
} |
||||
.layout-bg7 { |
||||
color: #ffffff; |
||||
background-color: #ea4738; |
||||
} |
||||
.layout-bg8 { |
||||
color: #ffffff; |
||||
background-color: #6495ed; |
||||
} |
||||
.demo-main .bg1 { |
||||
background-color: #178cdf; |
||||
} |
||||
|
@ -0,0 +1,124 @@
|
||||
Demo.CONFIG = [{ |
||||
id: 1, |
||||
text: "布局" |
||||
}, { |
||||
id: 2, |
||||
text: "基础控件" |
||||
}, { |
||||
id: 3, |
||||
text: "实例控件" |
||||
}, { |
||||
id: 4, |
||||
text: "详细控件" |
||||
}, { |
||||
id: 5, |
||||
text: "通用组件" |
||||
}, { |
||||
pId: 1, |
||||
text: "bi.center_adapt", |
||||
value: "demo.center_adapt" |
||||
}, { |
||||
pId: 1, |
||||
text: "bi.float_center_adapt", |
||||
value: "float_center_adapt" |
||||
}, { |
||||
pId: 1, |
||||
text: "bi.absolute_center_adapt", |
||||
value: "absolute_center_adapt" |
||||
}, { |
||||
pId: 1, |
||||
text: "bi.flex_center", |
||||
value: "flex_center" |
||||
}, { |
||||
pId: 1, |
||||
text: "bi.inline_center_adapt", |
||||
value: "inline_center_adapt" |
||||
}, { |
||||
pId: 1, |
||||
text: "bi.vertical_adapt", |
||||
value: "vertical_adapt" |
||||
}, { |
||||
pId: 1, |
||||
text: "bi.inline_vertical_adapt", |
||||
value: "inline_vertical_adapt" |
||||
}, { |
||||
pId: 1, |
||||
text: "bi.horizontal_adapt", |
||||
value: "horizontal_adapt" |
||||
}, { |
||||
pId: 1, |
||||
text: "bi.horizontal_auto", |
||||
value: "horizontal_auto" |
||||
}, { |
||||
pId: 1, |
||||
text: "bi.horizontal_float", |
||||
value: "horizontal_float" |
||||
}, { |
||||
pId: 1, |
||||
text: "bi.left_right_vertical_adapt", |
||||
value: "left_right_vertical_adapt" |
||||
}, { |
||||
pId: 1, |
||||
text: "bi.center", |
||||
value: "center" |
||||
}, { |
||||
pId: 1, |
||||
text: "bi.float_center", |
||||
value: "float_center" |
||||
}, { |
||||
pId: 1, |
||||
text: "bi.vertical", |
||||
value: "vertical" |
||||
}, { |
||||
pId: 1, |
||||
text: "bi.horizontal", |
||||
value: "horizontal" |
||||
}, { |
||||
pId: 1, |
||||
text: "bi.border", |
||||
value: "border" |
||||
}, { |
||||
pId: 1, |
||||
text: "bi.card", |
||||
value: "card" |
||||
}, { |
||||
pId: 1, |
||||
text: "bi.left, bi.right", |
||||
value: "flow" |
||||
}, { |
||||
pId: 1, |
||||
text: "bi.lattice", |
||||
value: "lattice" |
||||
}, { |
||||
pId: 1, |
||||
text: "bi.inline", |
||||
value: "inline" |
||||
}, { |
||||
pId: 1, |
||||
text: "bi.htape", |
||||
value: "htape" |
||||
}, { |
||||
pId: 1, |
||||
text: "bi.vtape", |
||||
value: "vtape" |
||||
}, { |
||||
pId: 1, |
||||
text: "bi.grid", |
||||
value: "grid" |
||||
}, { |
||||
pId: 1, |
||||
text: "bi.table", |
||||
value: "table" |
||||
}, { |
||||
pId: 1, |
||||
text: "bi.division", |
||||
value: "division" |
||||
}, { |
||||
pId: 1, |
||||
text: "bi.window", |
||||
value: "window" |
||||
}, { |
||||
pId: 1, |
||||
text: "bi.td", |
||||
value: "td" |
||||
}]; |
@ -0,0 +1,81 @@
|
||||
Demo.CenterAdapt = BI.inherit(BI.Widget, { |
||||
props: { |
||||
baseCls: "demo-absolute" |
||||
}, |
||||
render: function () { |
||||
return { |
||||
type: "bi.grid", |
||||
columns: 1, |
||||
rows: 2, |
||||
items: [{ |
||||
column: 0, |
||||
row: 0, |
||||
el: this._createNoWidth() |
||||
}, { |
||||
column: 0, |
||||
row: 1, |
||||
el: this._createBottom() |
||||
}] |
||||
} |
||||
}, |
||||
|
||||
_createNoWidth: function () { |
||||
return BI.createWidget({ |
||||
type: "bi.center_adapt", |
||||
hgap: 10, |
||||
items: [{ |
||||
type: "bi.label", |
||||
text: "Center Adapt 1,center adapt布局只会影响容器内部的位置(水平和垂直居中)而不会影响到内部控件本身属性", |
||||
cls: "layout-bg1", |
||||
height: 30 |
||||
}, { |
||||
type: "bi.label", |
||||
text: "Center Adapt 2,根据内部控件的宽度的比例来计算", |
||||
cls: "layout-bg2", |
||||
height: 30 |
||||
}, { |
||||
type: "bi.label", |
||||
text: "Center Adapt 3,这些label都是没有宽度的", |
||||
cls: "layout-bg3", |
||||
height: 30 |
||||
}, { |
||||
type: "bi.label", |
||||
text: "Center Adapt 4", |
||||
cls: "layout-bg5", |
||||
height: 30 |
||||
}] |
||||
}) |
||||
}, |
||||
|
||||
_createBottom: function () { |
||||
return BI.createWidget({ |
||||
type: "bi.center_adapt", |
||||
items: [{ |
||||
type: "bi.text_button", |
||||
text: "这个是有宽度和高度的按钮-1", |
||||
height: "100%", |
||||
width: 160, |
||||
cls: "layout-bg1" |
||||
}, { |
||||
type: "bi.text_button", |
||||
text: "这个是有宽度和高度的按钮-2", |
||||
height: 30, |
||||
width: 160, |
||||
cls: "layout-bg2" |
||||
}, { |
||||
type: "bi.text_button", |
||||
text: "这个是有宽度和高度的按钮-3", |
||||
height: 30, |
||||
width: 160, |
||||
cls: "layout-bg3" |
||||
}, { |
||||
type: "bi.text_button", |
||||
text: "这个是有宽度和高度的按钮-4", |
||||
height: 30, |
||||
width: 160, |
||||
cls: "layout-bg5" |
||||
}] |
||||
}) |
||||
}, |
||||
}); |
||||
$.shortcut("demo.center_adapt", Demo.CenterAdapt); |
Loading…
Reference in new issue