📄 ext.tree.treeeditor.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.tree.TreeEditor-props"><img src="/images/s.gif" class="item-icon icon-prop">Properties</a><a class="inner-link" href="#Ext.tree.TreeEditor-methods"><img src="/images/s.gif" class="item-icon icon-method">Methods</a><a class="inner-link" href="#Ext.tree.TreeEditor-events"><img src="/images/s.gif" class="item-icon icon-event">Events</a><a class="inner-link" href="#Ext.tree.TreeEditor-configs"><img src="/images/s.gif" class="item-icon icon-config">Config Options</a><a class="bookmark" href="../docs/?class=Ext.tree.TreeEditor"><img src="/images/s.gif" class="item-icon icon-fav">Direct Link</a> </div><h1>Class Ext.tree.TreeEditor</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"> TreeEditor.js </td> </tr> <tr> <td class="label"> Class: </td> <td class="hd-info"> Ext.tree.TreeEditor </td> </tr> <tr> <td class="label"> Extends: </td> <td class="hd-info"> Ext.Editor </td> </tr> </table> <div class="description"> Provides editor functionality for inline tree node editing. Any valid <a href="###" onClick="alert('Ext.form.Field');">Ext.form.Field</a> can be used as the editor field. 为树节点提供即时的编辑功能,所有合法<a href="###" onClick="alert('Ext.form.Field');">Ext.form.Field</a>都可作为其编辑字段 </div> <div class="hr"> </div> <a id="Ext.tree.TreeEditor-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="alignment-header"></a> <b>alignment</b> : String <div class="mdesc"> <div class="short"> 对齐的位置(参见Ext.Element#alignTo了解详细,默认为... </div> <div class="long"> 对齐的位置(参见<a href="###" onClick="alert('Ext.Element#alignTo');">Ext.Element#alignTo</a>了解详细,默认为"c-c?")。
</div> </div> </td> <td class="msource"> <!--如果这不是同个namespace下--> <a ext:cls="Ext.Editor" ext:member="#method-alignment" href="output/Ext.Editor.html#method-alignment"> Editor </a> </td> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="hideEl-header"></a> <b>hideEl</b> : Boolean <div class="mdesc"> <div class="short"> False表示为当编辑器显示时,保持绑定的元素可见(默认为true)。
</div> <div class="long"> False表示为当编辑器显示时,保持绑定的元素可见(默认为true)。
</div> </div> </td> <td class="msource"> <!--如果这不是同个namespace下--> <a ext:cls="Ext.Editor" ext:member="#method-hideEl" href="output/Ext.Editor.html#method-hideEl"> Editor </a> </td> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="cls-header"></a> <b>cls</b> : String <div class="mdesc"> <div class="short"> 一个可选添加的CSS样式类,加入到组件的容器上(默认为'')。 这为容... </div> <div class="long"> 一个可选添加的CSS样式类,加入到组件的容器上(默认为'')。 这为容器或容器的子节点加入标准CSS规则提供了方便。 </div> </div> </td> <td class="msource"> <!--如果这不是同个namespace下--> <a ext:cls="Ext.Component" ext:member="#method-cls" href="output/Ext.Component.html#method-cls"> Component </a> </td> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="shim-header"></a> <b>shim</b> : Boolean <div class="mdesc"> <div class="short"> True to shim the editor if selects/... </div> <div class="long"> True to shim the editor if selects/iframes could be displayed beneath it (defaults to false) 如果要避免有select元素或iframe元素遮挡编辑器显示,就使用一个“垫片(shim)”来提供显示(默认为false) </div> </div> </td> <td class="msource"> TreeEditor </td> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="maxWidth-header"></a> <b>maxWidth</b> : Number <div class="mdesc"> <div class="short"> The maximum width in pixels of the ... </div> <div class="long"> The maximum width in pixels of the editor field (defaults to 250). Note that if the maxWidth would exceed the containing tree element's size, it will be automatically limited for you to the container width, taking scroll and client offsets into account prior to each edit. 编辑器最大的宽度,单位是橡树。注意如果最大尺寸超过放置树元素的尺寸,那么将自动为你适应容器的尺寸,包括滚动条和client offsets into account prior to each edit。 </div> </div> </td> <td class="msource"> TreeEditor </td> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="editDelay-header"></a> <b>editDelay</b> : Number <div class="mdesc"> <div class="short"> The number of milliseconds between ... </div> <div class="long"> The number of milliseconds between clicks to register a double-click that will trigger editing on the current node (defaults to 350). If two clicks occur on the same node within this time span, the editor for the node will display, otherwise it will be processed as a regular click. 该节点点击一开始,持续多久才等级双击的事件(双击的事件执行时会翻转当前的编辑模式,默认为350)。 如果在同一个节点上,两次点击都是发生在该时间(time span),那么节点的编辑器将会显示,否则它将被作为规则点击处理。 </div> </div> </td> <td class="msource"> TreeEditor </td> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="autosize-header"></a> <b>autosize</b> : Boolean/String <div class="mdesc"> <div class="short"> True表示为编辑器的大小尺寸自适应到所属的字段,设置“width”表... </div> <div class="long"> True表示为编辑器的大小尺寸自适应到所属的字段,设置“width”表示单单适应宽度,
设置“height”表示单单适应高度(默认为fasle)
</div> </div> </td> <td class="msource"> <!--如果这不是同个namespace下--> <a ext:cls="Ext.Editor" ext:member="#method-autosize" href="output/Ext.Editor.html#method-autosize"> Editor </a> </td> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="revertInvalid-header"></a> <b>revertInvalid</b> : Boolean <div class="mdesc"> <div class="short"> True表示为当用户完成编辑但字段验证失败后,自动恢复原始值,然后取消... </div> <div class="long"> True表示为当用户完成编辑但字段验证失败后,自动恢复原始值,然后取消这次编辑(默认为true)
</div> </div> </td> <td class="msource"> <!--如果这不是同个namespace下--> <a ext:cls="Ext.Editor" ext:member="#method-revertInvalid"
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -