`
Mr.Joe
  • 浏览: 136869 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

sencha touch中textfield限制输入字数

阅读更多
首先重写textfield方法,添加maxLength属性

Ext.form.TextField.prototype.initValue = function()
{
    if(this.value !== undefined){
        this.setValue(this.value);
    }else if(this.el.dom.value.length > 0){
        this.setValue(this.el.dom.value);
    }
    this.el.dom.size = this.size;
    if (!isNaN(this.maxLength) && (this.maxLength *1) > 0 && (this.maxLength != Number.MAX_VALUE)) {
        this.el.dom.maxLength = this.maxLength *1;
    }
};


然后在用的地方添加maxLength属性
{
	            xtype: 'textfield',
	            name: 'realname',
	            label: '<span style="color:#ff0000;float:none;">*</span>姓名',
	            labelWidth : '30%',
	            maxLength : 4,
	            placeHolder : '请输入姓名',
	        },
0
0
分享到:
评论

相关推荐

    sencha touch中文翻译文档

    Sencha Touch是一款强大的JavaScript框架,专门用于构建移动Web应用程序。它提供了一套完整的UI组件和交互功能,使得开发者能够创建出具有原生应用体验的触摸友好型应用。这个"Sencha Touch中文翻译文档"是针对...

    touch-docs-2.2.1.zip(senchaTouch 离线API参考文档)

    2. **示例代码**:包含许多实际应用的例子,展示了如何在项目中使用Sencha Touch的各种功能。 3. **快速入门指南**:针对初学者的教程,引导他们快速上手Sencha Touch的开发环境和基本操作。 4. **用户手册**:...

    sencha touch 登陆界面

    在Sencha Touch中,登录界面通常会包含两个主要的视图组件:一个输入框(TextField)用于用户输入用户名,另一个输入框用于密码,以及一个按钮(Button)用于提交登录请求。你可能还会使用一个加载指示器(Loading ...

    Sencha 和 Sencha Touch 简介

    本文通过对 Sencha Touch 框架的介绍,使读者对该框架有一定的了解,并通过一些代码示例给用户更详细直观的对 Sencha Touch 框架功能的了解。 ExtJS ExtJS 是为 web 开发人员提供的基于 JavaScript 和 web 标准快速...

    Sencha Touch in Action

    5. 触摸事件处理:讲解在Sencha Touch中如何响应用户的触摸操作。 6. 数据管理:介绍如何使用数据包(Data Package)来管理应用中的数据。 7. 动画与过渡效果:展示如何使用Sencha Touch提供的动画效果来增强用户...

    sencha touch list demo

    在“sencha touch list demo”中,我们主要关注的是Sencha Touch中的列表(List)组件,这是一个核心且常用的组件,用于展示数据集合。 1. **Sencha Touch 框架概述** Sencha Touch 是一个基于JavaScript的框架,...

    sencha touch项目源码

    7. **样式与布局**:Sencha Touch使用CSS3进行样式控制,项目中可能有自定义的样式文件,如`app.css`,用于定义组件的外观和布局。 8. **模板与渲染**:Sencha Touch支持使用模板(Template)来动态生成HTML,这在...

    一个完整的sencha touch 应用案例

    5. **config.xml**:在Sencha Touch中,这个文件可能用于配置应用程序的元数据,比如应用的名称、版本、图标、启动画面等,通常是针对PhoneGap或Cordova这样的混合应用开发环境。 6. **resource**:这个文件夹可能...

    Sencha Touch开发的项目《般若人生》源码

    《般若人生》是一款基于Sencha Touch框架开发的移动应用项目。Sencha Touch是一个流行的JavaScript框架,专门用于构建跨平台的触屏友好型Web应用程序。它提供了丰富的UI组件和强大的数据管理工具,使得开发者能够...

    sencha touch在VScode上的插件

    标题中的"Sencha Touch在VScode上的插件"指的是为VSCode开发的扩展,目的是为了在VSCode环境中更好地支持Sencha Touch的开发工作。这样的插件通常会提供代码提示、自动完成、错误检查、格式化等特性,提升开发效率。...

    sencha touch 2.4.0最新版

    在Sencha Touch 2.4.0版本中,有几个关键的知识点值得关注: 1. **性能优化**:2.4.0版本针对移动设备的性能进行了优化,减少了内存占用和渲染时间,提高了应用的启动速度和整体用户体验。 2. **新UI组件**:此...

    Sencha Touch2环境搭建

    本篇文章将详细阐述如何搭建Sencha Touch 2的开发环境,以及在实际项目中可能会遇到的一些关键点。 首先,我们需要确保计算机上已经安装了以下基础工具: 1. **Web服务器** - Sencha Touch 应用通常运行在Web...

    senchaTouch和fusioncharts结合的实例

    4. **初始化图表**:在Sencha Touch 的控制器(Controller)中,当数据加载完成后,利用FusionCharts的API创建图表实例。你需要指定图表类型、宽度、高度、数据源以及容器ID。 ```javascript var chart = new ...

    Sencha Touch MVC 模式

    在Sencha Touch中,MVC(Model-View-Controller)模式是其核心架构,帮助开发者组织和分离代码,提高代码的可维护性和可扩展性。本文将深入探讨Sencha Touch的MVC模式以及如何使用。 ### MVC模式简介 MVC模式是一...

    Sencha Touch2 MVC Demo (含源码/数据库)

    在这个“Sencha Touch 2 MVC Demo”中,我们很可能会找到一个完整的示例项目,展示了如何在Sencha Touch 2中运用MVC模式来构建应用。源码的分析将有助于深入理解框架的工作原理和最佳实践。 **MVC模式详解** 1. **...

    api.zip_sencha _sencha touch api_sencha touch2 api

    标题中的"api.zip_sencha _sencha touch api_sencha touch2 api"表明这是一个关于Sencha Touch API的压缩文件集合,可能包含了Sencha Touch和Sencha Touch 2两个版本的API文档。 **Sencha Touch基础知识** Sencha ...

    sencha touch动态加载组件

    1. **使用Ext.container.Viewport**:这是Sencha Touch中的主容器,可以包含一个或多个子组件。你可以根据需求动态添加或移除这些子组件。例如,当用户导航到新的页面或视图时,可以销毁当前的Viewport内容并加载新...

    sencha touch sdk工具

    Sencha Touch SDK工具是开发移动应用的重要资源,尤其对于那些希望使用Sencha Touch框架构建触控友好、跨平台Web应用程序的开发者来说。Sencha Touch是一个强大的JavaScript库,它提供了丰富的UI组件和API,使得...

Global site tag (gtag.js) - Google Analytics