📄 ext.form.textfield.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.TextField-props"><img src="/images/s.gif" class="item-icon icon-prop">Properties</a><a class="inner-link" href="#Ext.form.TextField-methods"><img src="/images/s.gif" class="item-icon icon-method">Methods</a><a class="inner-link" href="#Ext.form.TextField-events"><img src="/images/s.gif" class="item-icon icon-event">Events</a><a class="inner-link" href="#Ext.form.TextField-configs"><img src="/images/s.gif" class="item-icon icon-config">Config Options</a><a class="bookmark" href="../docs/?class=Ext.form.TextField"><img src="/images/s.gif" class="item-icon icon-fav">Direct Link</a> </div><h1>Class Ext.form.TextField</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"> TextField.js </td> </tr> <tr> <td class="label"> Class: </td> <td class="hd-info"> Ext.form.TextField </td> </tr> <tr> <td class="label"> Extends: </td> <td class="hd-info"> Ext.form.Field </td> </tr> </table> <div class="description"> 基本的文本字段。可以被当作传统文本转入框的直接代替, 或者当作其他更复杂输入控件的基础类(比如 <a href="###" onClick="alert('Ext.form.TextArea');">Ext.form.TextArea</a> 和 <a href="###" onClick="alert('Ext.form.ComboBox');">Ext.form.ComboBox</a>) </div> <div class="hr"> </div> <a id="Ext.form.TextField-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="grow-header"></a> <b>grow</b> : Boolean <div class="mdesc"> <div class="short"> 当值为 true 时表示字段可以根据内容自动伸缩 </div> <div class="long"> 当值为 true 时表示字段可以根据内容自动伸缩 </div> </div> </td> <td class="msource"> TextField </td> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="growMin-header"></a> <b>growMin</b> : Number <div class="mdesc"> <div class="short"> 当 grow = true 时允许的字段最小宽度(默认为 30) </div> <div class="long"> 当 grow = true 时允许的字段最小宽度(默认为 30) </div> </div> </td> <td class="msource"> TextField </td> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="growMax-header"></a> <b>growMax</b> : Number <div class="mdesc"> <div class="short"> 当 grow = true 时允许的字段最大宽度(默认为 800) </div> <div class="long"> 当 grow = true 时允许的字段最大宽度(默认为 800) </div> </div> </td> <td class="msource"> TextField </td> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="vtype-header"></a> <b>vtype</b> : String <div class="mdesc"> <div class="short"> Ext.form.VTypes 中定义的效验类型名(默认为 null) </div> <div class="long"> <a href="###" onClick="alert('Ext.form.VTypes');">Ext.form.VTypes</a> 中定义的效验类型名(默认为 null) </div> </div> </td> <td class="msource"> TextField </td> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="maskRe-header"></a> <b>maskRe</b> : String <div class="mdesc"> <div class="short"> 一个用来过滤无效按键的正则表达式(默认为 null) </div> <div class="long"> 一个用来过滤无效按键的正则表达式(默认为 null) </div> </div> </td> <td class="msource"> TextField </td> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="disableKeyFilter-header"></a> <b>disableKeyFilter</b> : Boolean <div class="mdesc"> <div class="short"> 值为 true 时禁用输入按键过滤(默认为 false) </div> <div class="long"> 值为 true 时禁用输入按键过滤(默认为 false) </div> </div> </td> <td class="msource"> TextField </td> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="allowBlank-header"></a> <b>allowBlank</b> : Boolean <div class="mdesc"> <div class="short"> 值为 false 时将效验输入字符个数大于0(默认为 true) </div> <div class="long"> 值为 false 时将效验输入字符个数大于0(默认为 true) </div> </div> </td> <td class="msource"> TextField </td> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="minLength-header"></a> <b>minLength</b> : Number <div class="mdesc"> <div class="short"> 输入字段所需的最小字符数(默认为 0) </div> <div class="long"> 输入字段所需的最小字符数(默认为 0) </div> </div> </td> <td class="msource"> TextField </td> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="maxLength-header"></a> <b>maxLength</b> : Number <div class="mdesc"> <div class="short"> 输入字段允许的最大字符数(默认为 Number.MAX_VALUE) </div> <div class="long"> 输入字段允许的最大字符数(默认为 Number.MAX_VALUE) </div> </div> </td> <td class="msource"> TextField </td> </tr> <tr class="config-row expandable"> <td class="micon">
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -