📄 ext.form.fieldset.html
字号:
<!--Mock<link rel="stylesheet" type="text/css" href="http://localhost/ext/resources/css/ext-all.css" /><link rel="stylesheet" type="text/css" href="http://localhost/ext/doc/resources/docs.css"/><link rel="stylesheet" type="text/css" href="http://localhost/ext/doc/resources/style.css"/>--><style type="text/css"> body { overflow: scroll; } /** .mdesc .long { display: block; } */</style><!-- End Mock--><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><div class="body-wrap"> <div class="top-tools"> <a class="inner-link" href="#Ext.form.FieldSet-props"><img src="/images/s.gif" class="item-icon icon-prop">Properties</a><a class="inner-link" href="#Ext.form.FieldSet-methods"><img src="/images/s.gif" class="item-icon icon-method">Methods</a><a class="inner-link" href="#Ext.form.FieldSet-events"><img src="/images/s.gif" class="item-icon icon-event">Events</a><a class="inner-link" href="#Ext.form.FieldSet-configs"><img src="/images/s.gif" class="item-icon icon-config">Config Options</a><a class="bookmark" href="../docs/?class=Ext.form.FieldSet"><img src="/images/s.gif" class="item-icon icon-fav">Direct Link</a> </div><h1>Class Ext.form.FieldSet</h1> <table cellspacing="0"> <!-- <tr> <td class="label"> Package: </td> <td class="hd-info"> </td> </tr> --> <tr> <td class="label"> Defined In: </td> <td class="hd-info"> FieldSet.js </td> </tr> <tr> <td class="label"> Class: </td> <td class="hd-info"> Ext.form.FieldSet </td> </tr> <tr> <td class="label"> Extends: </td> <td class="hd-info"> Ext.Panel </td> </tr> </table> <div class="description"> 针对某一组字段的标准容 </div> <div class="hr"> </div> <a id="Ext.form.FieldSet-configs"></a> <h2>配置项</h2> <table cellspacing="0" class="member-table"> <tr> <th class="sig-header" colspan="2"> 配置项 </th> <th class="msource-header"> 定义者 </th> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="checkboxToggle-header"></a> <b>checkboxToggle</b> : Boolean <div class="mdesc"> <div class="short"> True表示在lengend标签之前fieldset的范围内渲染一个c... </div> <div class="long"> True表示在lengend标签之前fieldset的范围内渲染一个checkbox(默认为false)。
选择该checkbox会为展开、收起该面板服务。
</div> </div> </td> <td class="msource"> FieldSet </td> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="checkboxName-header"></a> <b>checkboxName</b> : String <div class="mdesc"> <div class="short"> 分配到fieldset的checkbox的名称,在#checkboxT... </div> <div class="long"> 分配到fieldset的checkbox的名称,在<a href="###" onClick="alert('#checkboxToggle');">#checkboxToggle</a> = true的情况有效
(defaults to '[checkbox id]-checkbox').
</div> </div> </td> <td class="msource"> FieldSet </td> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="labelWidth-header"></a> <b>labelWidth</b> : Number <div class="mdesc"> <div class="short"> 标签的宽度,该属性会影响下级的子容器
</div> <div class="long"> 标签的宽度,该属性会影响下级的子容器
</div> </div> </td> <td class="msource"> FieldSet </td> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="itemCls-header"></a> <b>itemCls</b> : String <div class="mdesc"> <div class="short"> 各字段下面的x-form-item的CSS样式类, 该属性会影响下级的... </div> <div class="long"> 各字段下面的x-form-item的CSS样式类, 该属性会影响下级的子容器
</div> </div> </td> <td class="msource"> FieldSet </td> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="baseCls-header"></a> <b>baseCls</b> : String <div class="mdesc"> <div class="short"> 作用在面板元素上的CSS样式类 (默认为 'x-panel'). </div> <div class="long"> 作用在面板元素上的CSS样式类 (默认为 'x-panel'). </div> </div> </td> <td class="msource"> <!--如果这不是同个namespace下--> <a ext:cls="Ext.Panel" ext:member="#method-baseCls" href="output/Ext.Panel.html#method-baseCls"> Panel </a> </td> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="layout-header"></a> <b>layout</b> : String <div class="mdesc"> <div class="short"> 此容器所使用的布局类型。如不指定,则使用缺省的Ext.layout.C... </div> <div class="long"> 此容器所使用的布局类型。如不指定,则使用缺省的<a href="###" onClick="alert('Ext.layout.ContainerLayout');">Ext.layout.ContainerLayout</a>类型。 当中有效的值可以是:accordion、anchor、border、cavd、column、fit、form和table。 针对所选择布局类型,可指定<a href="###" onClick="alert('#layoutConfig');">#layoutConfig</a>进一步配置。 </div> </div> </td> <td class="msource"> <!--如果这不是同个namespace下--> <a ext:cls="Ext.Container" ext:member="#method-layout" href="output/Ext.Container.html#method-layout"> Container </a> </td> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="applyTo-header"></a> <b>applyTo</b> : Mixed <div class="mdesc"> <div class="short"> 节点的id,或是DOM节点,又或者是与DIV相当的现有元素,这些都是文... </div> <div class="long"> 节点的id,或是DOM节点,又或者是与DIV相当的现有元素,这些都是文档中已经存在的元素 当使用applyTo后,主元素所指定的id或CSS样式类将会作用于组件构成的部分, 而被创建的组件将会尝试着根据这些markup构建它的子组件。 使用了这项配置后,不需要执行render()的方法。 若指定了applyTo,那么任何由<a href="###" onClick="alert('#renderTo');">#renderTo</a>传入的值将会被忽略并使用目标元素的父级元素作为组件的容器。 </div> </div> </td> <td class="msource"> <!--如果这不是同个namespace下--> <a ext:cls="Ext.Component" ext:member="#method-applyTo" href="output/Ext.Component.html#method-applyTo"> Component </a> </td> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="tbar-header"></a> <b>tbar</b> : Object/Array <div class="mdesc"> <div class="short"> 面板底部的工具条。此项可以是Ext.Toolbar的实例、工具条的配置... </div> <div class="long">
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -