`
peteraml1
  • 浏览: 7259 次
  • 性别: Icon_minigender_1
  • 来自: 福州
文章分类
社区版块
存档分类
最新评论

动态改变Ext中TextField的readOnly属性

阅读更多
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Window Layouts Example</title>
    <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css"/>


    <script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>

    <script type="text/javascript" src="../../ext-all.js"></script>

</head>
<body>
<input type='button' value="button"  onclick="clickButton()" />
</body>
</html>
<script language="javascript" >
var input = new Ext.form.TextField({
	width : 200,
	renderTo : document.body
})
function clickButton(){
	input.el.dom.readOnly = true;
}
</script>
分享到:
评论

相关推荐

    ext-3-TextField-sample.rar_ext_ext TextField_ext textfield inp

    在实际应用中,开发者可以根据需求调整TextField的属性和功能,以满足各种用户界面的需求。了解和掌握TextField的使用对于构建交互性强的Web应用程序至关重要。通过研究提供的示例和文档,你可以更深入地了解如何在...

    Ext Extjs 禁止文本和日期编辑

    总的来说,通过设置`readOnly`属性或`disabled`属性以及监听事件,我们可以轻松地在Ext JS中实现文本字段和日期选择器的只读功能。这有助于增强用户体验,同时确保数据的安全性。在实际开发过程中,可以根据具体需求...

    EXT表单验证之TextField

    总而言之,EXT表单验证中的TextField组件通过`vtype`属性提供了丰富的验证机制,能够确保用户输入的数据质量,从而提高应用程序的稳定性和用户体验。开发者可以根据需要选择合适的vtype,或者自定义验证规则,以满足...

    Ext表单组件之textField

    Ext.form.TextField是Ext JS中的一个核心组件,它允许用户在表单中输入单行文本。这个组件可以用于创建各种类型的输入字段,如普通文本输入、密码输入、电子邮件地址输入等,通过设置不同的配置选项来满足不同的需求...

    EXT dojochina文本框示例Ext.form.TextField.rar

    在本示例中,"EXT dojochina文本框示例Ext.form.TextField.rar"是一个压缩包,包含了EXT框架中关于`Ext.form.TextField`组件的示例代码。 `Ext.form.TextField`是EXT框架中的一个核心组件,用于创建基本的输入字段...

    动态设置TextField的样式

    下面将详细讲解如何在JavaFX中动态地调整`TextField`的样式。 首先,理解`TextField`的基本属性: 1. **text**:这是`TextField`显示的文本内容,可以通过`textField.setText("内容")`来设置。 2. **font**:字体...

    ExtJs5 去掉textfield边框

    此外,考虑到代码的可维护性和模块化,可能更推荐创建一个自定义的`textfield`扩展或使用`Ext.util.StyleSheet`动态加载CSS,而不是直接在组件配置中写入大量的内联样式。 总结来说,去掉ExtJs5中的`textfield`边框...

    带警示效果的TextField、改变光标起始位置

    2. iOS:在Swift中,可以使用`textField.selectedRange`属性来改变光标的起始位置。例如,`textField.selectedRange = NSMakeRange(5, 0)`将光标设置在第5个字符处。 3. Web开发:在JavaScript中,可以使用`...

    Ext常用属性总结.doc

    本文将详细介绍Ext JS中常用的属性及其应用场景,帮助开发者更好地编写高效、可维护的代码。 #### 一、Ext JS简介 Ext JS是一款基于JavaScript的企业级Web应用程序前端框架,它提供了一套丰富的UI组件库以及数据...

    Ext.form表单中各种属性应用详解

    ### Ext.form表单中各种属性应用详解 #### 1. Ext.form.NumberField **Ext.form.NumberField** 是 **Ext.form.TextField** 的一个扩展,它专为处理数字输入而设计,提供了一系列与数值相关的配置选项。 - **...

    Java中TextField类.pdf

    Java中的`TextField`类是Swing库中的一个基础组件,用于创建用户可以在其上输入...在这个例子中,我们创建了一个30列的`TextField`,设置了初始文本,并将其添加到一个`JFrame`中。用户可以在此`TextField`中输入文本。

    QTP处理readonly控件

    本文将详细介绍如何在QTP中操作readonly控件,并特别关注日期控件的处理。 #### 1. 什么是只读(readonly)控件? 只读控件是指用户界面中那些不能被用户直接修改的输入字段。这类控件通常用于展示一些不允许更改...

    ext 3.0中文API

    例如,`Ext.Panel`类是EXT中基础的容器组件,它有`setTitle`方法来设置面板标题,`setBodyStyle`方法来修改内容区域的样式,以及`show`和`hide`方法来控制显示和隐藏。此外,文档还会列出每个方法的参数、返回值和...

    textfield文件的自适应高度

    在布局时,可以将TextField的高度约束设置为可变,然后在输入代理方法中更新约束值,以反映文本内容的变化。 总的来说,这个话题涉及的知识点包括: 1. iOS开发中的UITextField基本使用和限制。 2. 第三方库...

    Ext中xtype和vtype.

    Ext 中的 xtype 和 vtype Ext 是一个功能强大的 JavaScript 框架,它提供了许多有用的组件和工具,使开发者可以快速构建复杂的 Web 应用程序。在 Ext 中,xtype 和 vtype 是两个非常重要的概念,它们分别用于定义...

    Ext.form.TextField最简单的用法.docx

    `Ext.form.TextField`是Ext JS库中的一个组件,用于创建基本的文本输入字段。它在Web应用程序中广泛用于收集用户输入的数据,如用户名、搜索关键词等。以下是对`Ext.form.TextField`的一些主要特性和配置选项的详细...

    ext.net常见问题收集

    当需要在一个EXT.NET的`Window`组件中加载外部网页时,可以通过设置`autoLoad`属性来实现。例如,可以通过JavaScript动态设置`url`属性,如`Window2.autoLoad.url = ...

    EXT3.0 登录实例

    在EXT3.0中,登录界面通常由EXT的组件构建,如FormPanel、TextField、Button等。FormPanel是承载表单元素的容器,TextField用于输入用户名和密码,Button则用于触发登录操作。登录过程涉及事件监听和处理,例如点击...

    Java中TextField类实例.pdf

    - **`setText(String text)`**:设置`TextField`中的文本内容。 - **`setColumns(int columns)`**:动态更改`TextField`的列数。 - **`getColumns()`**:获取当前的列数。 - **`addActionListener(ActionListener ...

Global site tag (gtag.js) - Google Analytics