📄 ext.editor.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.Editor-props"><img src="/images/s.gif" class="item-icon icon-prop">Properties</a><a class="inner-link" href="#Ext.Editor-methods"><img src="/images/s.gif" class="item-icon icon-method">Methods</a><a class="inner-link" href="#Ext.Editor-events"><img src="/images/s.gif" class="item-icon icon-event">Events</a><a class="inner-link" href="#Ext.Editor-configs"><img src="/images/s.gif" class="item-icon icon-config">Config Options</a><a class="bookmark" href="../docs/?class=Ext.Editor"><img src="/images/s.gif" class="item-icon icon-fav">Direct Link</a> </div><h1>Class Ext.Editor</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"> Editor.js </td> </tr> <tr> <td class="label"> Class: </td> <td class="hd-info"> Ext.Editor </td> </tr> <tr> <td class="label"> Extends: </td> <td class="hd-info"> Ext.Component </td> </tr> </table> <div class="description"> 一个基础性的字段编辑器,内建按需的显示、隐藏控制和一些内建的调节大小及事件句柄逻辑 </div> <div class="hr"> </div> <a id="Ext.Editor-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="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"> Editor </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"> Editor </td> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="ignoreNoChange-header"></a> <b>ignoreNoChange</b> : Boolean <div class="mdesc"> <div class="short"> True表示为如果用户完成一次编辑但值没有改变时,中止这次编辑的操作(... </div> <div class="long"> True表示为如果用户完成一次编辑但值没有改变时,中止这次编辑的操作(不保存,不触发事件)(默认为false)。
只对字符类型的值有效,其它编辑的数据类型将会被忽略。
</div> </div> </td> <td class="msource"> Editor </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"> Editor </td> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="value-header"></a> <b>value</b> : Mixed <div class="mdesc"> <div class="short"> 所属字段的日期值(默认为"")
</div> <div class="long"> 所属字段的日期值(默认为"")
</div> </div> </td> <td class="msource"> Editor </td> </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"> Editor </td> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="-header"></a> <b></b> : <div class="mdesc"> <div class="short"> </div> <div class="long"> </div> </div> </td> <td class="msource"> Editor </td> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="constrain-header"></a> <b>constrain</b> : Boolean <div class="mdesc"> <div class="short"> 表示为约束编辑器到视图
</div> <div class="long"> 表示为约束编辑器到视图
</div> </div> </td> <td class="msource"> Editor </td> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="swallowKeys-header"></a> <b>swallowKeys</b> : Boolean <div class="mdesc"> <div class="short"> 处理keydown/keypress事件使得不会上报(propagat... </div> <div class="long"> 处理keydown/keypress事件使得不会上报(propagate),(默认为true)
</div> </div> </td> <td class="msource"> Editor </td> </tr>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -