基本特性
Section用于Accordion中,是Accordion的一个子控件对象。无法单独使用。
Section也是继承Control控件的一个子对象,其基本属性和功能与Control类似,详细参考:Control(DCUG)
另外Section是一个容器控件,我们可以在内部添加其他的Dorado控件:
这样当Accordion控件切换到不同的Section时,Section内部的控件就能显示出来:
其它特性
每一个Section都可以定义一个标题
如上图我们看到的Section的标题都是通过Section的caption属性获取的,如下的IDE设计视图:
每一个Section都可以定义一个icon
IDE设计图中我们可以通过icon属性设置Section的标题的图标
为icon属性提供iconClass
通过iconClass我们可以调整icon的显示风格
为Section提供name属性
一般情况下,我们并不需要设定Section的name属性,但是如果需要通过代码获得该Section,则必须指定。如:
var section = accordion.getSection("sectionMenu"); ...
如果你在开发时未指定Section的名称,那就只能通过索引位置获取了,如下的代码:
var section = accordion.getSection(2); ...
支持Section的禁用设定
通过其disabled属性设置为true,可以将Section禁用:
提供control属性
通过该属性我们可以获得Section下的子控件,需要说明的是,如果你只有一个控件,可以直接添加到Section下,但是如果有多个控件,则需要通过控件容器管理,如下图:
Section的这种子控件的管理机制,使得我们通过其control属性可以拿到内部最顶层的这个控件对象,示例代码:
var section = accordion.getSection("sectionMenu"); var menu = section.get("control"); ... section = accordion.getSection("sectionBlock"); var blokView = section.get("control"); ... section = accordion.getSection("sectionSubViewHolder"); var subViewHolder = section.get("control"); ...
Attachments:
SectionSubControl.PNG (image/png)
SectionSubControlPreview.PNG (image/png)
SectionCaption.PNG (image/png)
SectionCaptionPreview.PNG (image/png)
SectionIcon.png (image/png)
SectionDisabled.PNG (image/png)
SectionSubControls.PNG (image/png)
SectionSubControlPreview.PNG (image/png)
SectionCaption.PNG (image/png)
SectionCaptionPreview.PNG (image/png)
SectionIcon.png (image/png)
SectionDisabled.PNG (image/png)
SectionSubControls.PNG (image/png)