2019独角兽企业重金招聘Python工程师标准>>>

MaterialTreeComponent

Selector: <material-tree>

支持选项树的材质选择组件。

要使用,只需传递最少的选项即可查看项目。

如果SelectionOptions实现Parent接口,则为Parent.hasChildren设置的每个选项显示一个handle,并且切换handle将从Parent.childrenOf的结果创建另一个树。

如果SelectionOptions实现Filterable接口。

要从组件接收反馈,需要selection模型。

要自定义,请指定itemRenderer和/或factoryRenderer。

Inputs:

  • allowParentSingleSelection bool 
    小部件是否支持选择非叶节点
    如果为false,并且小部件使用单个选择模型,则单击小部件时应在单击非叶节点时切换扩展。 如果为true,则小部件应在单击时选择非叶节点,并且仅在单击扩展图标时切换扩展。
  • componentRenderer (dynamic) → Type
    已禁用!请改用[factoryRenderer]
  • expandAll bool 
    是否始终扩展选项组。
  • factoryRenderer (dynamic) → ComponentFactory<dynamic> 
    指定用于确定用于呈现项目的工厂的factoryRenderer。
  • itemRenderer (dynamic) → String 
    一个简单的函数,用于将项呈现为字符串。
  • optimizeForDropdown bool 
    是否在单个选择下拉列表中隐藏复选标记
  • options SelectionOptions<dynamic> 
    这个contianer的可用选项。
  • selection SelectionModel<dynamic> 
    此容器表示的选择模型。

MaterialTreeDropdownComponent

Selector: <material-tree-dropdown>

包含MaterialTreeComponent的按钮触发下拉列表。

Inputs:

  • componentRenderer (dynamic) → Type 
    已禁用!请改用[factoryRenderer]
  • expandAll bool 
    是否始终扩展选项组。
  • factoryRenderer (dynamic) → ComponentFactory<dynamic> 
    指定用于确定用于呈现项目的工厂的factoryRenderer。
  • itemRenderer (dynamic) → String 
    一个简单的函数,用于将项呈现为字符串。
  • options SelectionOptions<dynamic> 
    这个contianer的可用选项。
  • placeholder String 
    当没有选择任何内容时,占位符将用于下拉文本。
  • selection SelectionModel<dynamic> 
    此容器表示的选择模型。
  • shouldExpandAllWhenFiltered bool 
    如果为true,则在过滤树时展开所有项目。
  • showFilterInsidePopup bool 
    将过滤器输入放在弹出窗口内。
  • visible bool 
    是否显示下拉列表。

Outputs:

  • visibleChange Stream<bool> 
    当下拉列表的可见性发生变化时触发。

MaterialTreeFlatReadonlyDemoComponent

MaterialTreeFlatSelectableDemoComponent

MaterialTreeFlatMultiDemoComponent

MaterialTreeNestedSingleDemoComponent

MaterialTreeNestedSingleParentSelectableDemoComponent

MaterialTreeNestedMultiDemoComponent

MaterialTreeNestedItemRenderingComponent

MaterialTreeNestedComponentRenderingComponent

MaterialTreeNestedExpandDemoComponent

MaterialTreeDropdownSingleDemoComponent

MaterialTreeDropdownMultiDemoComponent

MaterialTreeDropdownFilterableDemoComponent

MaterialTreeDropdownNestedFilterableDemoComponent

MaterialTreeDropdownNestedFilterInPopupDemoComponent

MaterialTreeNestedSingleDividerDemoComponent

MaterialTreeViewMoreDemoComponent

查看示例,查看源码。

转载于:https://my.oschina.net/u/3647851/blog/2050012

AngularDart Material Design 选项树相关推荐

  1. AngularDart Material Design 输入

    2019独角兽企业重金招聘Python工程师标准>>> MaterialInputComponent Selector: <material-input:not(materia ...

  2. AngularDart Material Design 卡片

    2019独角兽企业重金招聘Python工程师标准>>> 自述 Material Card 材料卡是由Google材料团队(也称为mdc-web)提供的卡片样式. 这是一个允许在Ang ...

  3. AngularDart Material Design 日期选择器

    2019独角兽企业重金招聘Python工程师标准>>> MaterialDateRangePickerComponent Selector: <material-date-ra ...

  4. AngularDart Material Design 步进器

    2019独角兽企业重金招聘Python工程师标准>>> MaterialStepperComponent Selector: <material-stepper> 材料设 ...

  5. Material Design 设计规范总结(2)

    本文是Material Design设计规范总结的第二部分,是进行UI设计与前端开发的必备参考资料. 八.布局 (1)所有可操作元素最小点击区域尺寸:48dp X 48dp. (2)栅格系统的最小单位 ...

  6. Android5.0新特性-Material Design

    概述 2014年,Google携Android5.X重装归来,全新的UI设计和更加优化的性能,令开发者眼前一亮 安装和配置Android5.0开发环境 开发Android还得靠AS,下载地址 http ...

  7. 如何给 Chrome 开发者工具设置 Material Design 风格的主题外观

    图一是 Chrome 开发者工具默认的 Light 风格. 在设置选项里,选择 Dark,即可加载如下图所示的风格: 还可以安装这个 Material DevTools Theme Collectio ...

  8. android夜间模式揭露动画,Android Material Design系列之夜间模式

    今天我们讲讲夜间模式的实现,这篇文章的名字应该叫:<Android Material Design系列之夜间模式>.在Android 5.0 之后,实现夜间模式并非很难了,支持的5.0库提 ...

  9. Material Design之RecyclerView的使用(一)

    Android 5.0開始就推荐使用Material Design这个设计语言,本文開始就逐一解说Material Design中控件的使用.本章主要解说RecyclerView,期中会带有ToolB ...

最新文章

  1. mac mysql 链接_Mysql mac安装以及navicat链接
  2. JQuery中ajax方法访问web服务
  3. Android ART GC之GrowForUtilization的分析
  4. C语言内存字节对齐小结
  5. Win10无管理员帐户,如何把自己提权为管理员
  6. java vector 输出_5.7(java学习笔记)Vector、Enumeration
  7. datagrid嵌套和资源消耗
  8. k型热电偶材料_热电偶温度计的二三事
  9. Eplan p8 v2.7安装不上加密狗驱动
  10. ActionForm的详解
  11. python 好用的库_12个超好用的Python库,都帮你们整理好了!
  12. javascript/html breakout game 打砖块游戏(附代码)
  13. 【UER #4】量子态的棋盘
  14. 混合App WebView自动化测试
  15. 操作系统 -- 内存管理(分配与回收)
  16. 【计算机网络】计算机网络核心知识点
  17. 二阶魔方复原算法推算-Part2
  18. 倒计时抢(数据分析)
  19. 大众文艺杂志大众文艺杂志社大众文艺编辑部2022年第9期目录
  20. 网管转行到运维经理经验分享

热门文章

  1. Kubernetes之配置与自定义DNS服务
  2. 优化Nginx的处理性能
  3. Windows下的脚本在Linux中运行乱码问题
  4. 最近几年出现的新技术
  5. subst 的使用 创建虚拟盘符
  6. double类型的精度问题【计算时有误差】。 (0.1 * 0.1 , 1.0 - 0.9)
  7. mysql 5.7 多线程主从复制_Mysql 5.7从节点配置多线程主从复制的方法详解
  8. 分母为0一定会抛异常吗?
  9. .Net 站点跨域问题及解决方法
  10. 怎么解决docker pull拉取镜像速度过慢的问题