`
Stilmyi
  • 浏览: 9632 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
最近访客 更多访客>>
社区版块
存档分类
最新评论

ext 一个注册页面

阅读更多
[size=xx-small][/size]
  <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>extJs</title>
    <link rel= "stylesheet" type = "text/css" href = "resources/css/ext-all.css"></link>
<script type="text/javascript" src = "adapter/ext/ext-base.js"></script>
<script type="text/javascript" src = "ext-all.js"></script>
  
    <script type="text/javascript">
    /* Ext.onReady(function(){
           Ext.MessageBox.alert("Hi","TLY我爱你!!!"); 
             win.show();
          }
       );*/
     
    Ext.onReady(function(){

    Ext.QuickTips.init();

    Ext.form.Field.prototype.msgTarget = 'side';

    var bd = Ext.getBody();

   
    var simple = new Ext.FormPanel({
        labelWidth: 75, // label settings here cascade unless overridden
        url:'save-form.php',
        frame:true,
        title: 'title',
        bodyStyle:'padding:5px 5px 0',

        width: 350,
        defaults: {width: 230},
        defaultType: 'textfield',

        items: [{
                fieldLabel: 'First Name',
                name: 'first',
                allowBlank:false
            },{
                fieldLabel: 'Last Name',
                name: 'last',
                allowBlank:false
            },{
                fieldLabel: 'Company',
                name: 'company'
            },{
                fieldLabel: 'Email',
                name: 'email',
                vtype:'email'
            }, new Ext.form.TimeField({
                fieldLabel: 'Time',
                name: 'time',
                minValue: '8:00am',
                maxValue: '6:00pm'
            })
        ],

        buttons: [{
            text: 'save'
        },{
            text: 'cancel'
        }]
    });
    simple.render(document.body);
    });

    </script>
</head>
<body>

</body>
</html>[color=blue]
[/color][color=blue]
分享到:
评论

相关推荐

    Ext表单组件实现用户注册

    在Web开发中,用户注册是常见的功能之一,而Ext JS是一个强大的JavaScript库,用于构建复杂的、数据驱动的富客户端应用程序。本篇文章将聚焦于如何使用Ext表单组件来实现用户注册的功能。 首先,我们来看看`form....

    Ext.Store的获取方法

    总结来说,在Ext.js中,获取`Ext.Store`应使用`Ext.getStore`方法,而不是`Ext.getCmp`,因为Store是通过`storeId`在内存中注册和管理的,而不是作为页面上的一个可视组件。同时,Store的设计方式有助于数据的安全性...

    Ext_Designer生成代码的使用

    这种层次化的组件结构,正是Ext Designer所生成代码的一个显著特点,使得开发者能够轻松构建出功能丰富且结构清晰的用户界面。 #### 总结 Ext Designer不仅简化了Ext JS组件的创建过程,还提高了开发效率,特别是...

    gwtext学习三部曲

    你将学习如何设计和实现一个完整的GWT应用,涵盖登录注册、数据展示、用户交互等常见功能。此外,还将分享一些最佳实践和技巧,帮助你避免常见问题,提高开发效率和代码质量。 在整个学习过程中,教程附带的详细...

    ext.net安装说明

    - 打开 Visual Studio,创建一个新的 C# 网站项目。 - 选择菜单中的“新建”-&gt;“网站”。 - 在“新建网站”窗口中,选择 ASP.NET 网站类型。 - 设置项目的位置为文件系统,语言为 Visual C#。 - 点击确定。 4....

    extjs设计器破解程序(ExtDesigner-1.2.2-48破解)

    该破解适用于ExtDesigner-1.2.0,及ExtDesigner-1.2.2-48.exe,均测试通过, ExtDesigner原版下载地址 ...使用时需要在Extjs网站注册个用户,注册地址: http://www.sencha.com/forum/register.php

    EXT 表单验证EXT 表单验证

    EXT表单验证是EXT JS框架中的一个重要特性,用于在用户输入数据时确保数据的正确性和完整性。EXT JS是一个强大的JavaScript库,专为构建富客户端Web应用程序而设计。它提供了丰富的组件库,包括表格、表单、菜单等,...

    Ext3.0 实现验证码

    本项目实现了在Ext3.0环境中集成验证码功能,结合服务器端的Tomcat,为用户提供了一个安全的验证环境。 验证码的主要目的是通过要求用户输入图片中显示的一串随机字符,来验证用户是人类而非机器。在Web应用中,...

    Ext用户UI界面优秀框架

    总的来说,Ext JS 是一个功能强大、全面的前端框架,尤其适合开发大型、复杂的企业级Web应用。它提供了一个完整的生态系统,包括强大的组件库、数据管理、布局机制以及丰富的API,帮助开发者构建出高质量的用户界面...

    Ext 开发指南 学习资料

    2.2. 让我们搞一个grid出来耍耍吧。 2.3. grid默认自带的功能 2.4. 按顺序,咱们先要把常见功能讲到 2.4.1. 自主决定每列的宽度 2.4.2. 让grid支持按列排序 2.4.3. 中文排序是个大问题 2.5. 让单元格里显示红色的字...

    Ext继承--Ext自定义组件的书写方式

    目的:该示例非常详细注释说明Ext的面向对象的编程方式,使用继承,然后重写父类的方法,以及注册自定义事件说明Ext框架是事件驱动的框架编程。 阅读对象:本中心学习Ext面向对象编程的人员 阅读条件:掌握OO的思路...

    JSP+Ext实现CURD

    在IT行业中,"JSP+Ext实现CURD"是一个常见的开发任务,涉及到Web应用的后端和前端交互,用于数据的创建(Create)、读取(Read)、更新(Update)和删除(Delete)操作。JSP(JavaServer Pages)是Java的一种动态网页技术,...

    Ext_类的详细介绍

    **Ext.lib.Event** 是一个工具类,封装于 **adapter** 层,旨在提供一个统一的接口来处理不同浏览器中的事件。这一工具类使得开发人员无需关注浏览器之间的差异,能够更加专注于业务逻辑的编写。 ##### 主要函数...

    Ext 定时器案例

    描述中提到的“Ext 前台定时器代码”是指在 ExtJS 应用程序的用户界面层设置一个定时器,该定时器周期性地发送请求到服务器,以获取最新的数据。这种技术通常被称为“轮询”,它允许前端应用在后台数据发生变化时...

    ext asp.net控件Ext是一个强大的AJAX开源代码

    例如,可以使用`&lt;ext:GridPanel&gt;`来创建一个数据网格,或者使用`&lt;ext:Window&gt;`创建弹出窗口。 文件列表中的`default.aspx`、`source_file.aspx`和`source.aspx`很可能是演示或示例页面,它们展示了如何在实际项目中...

    ext js中文开发手册

    **一、EXT JS简介** EXT JS是一种基于JavaScript的开源框架,专为Web应用程序的界面开发而设计。它提供了一套丰富的UI组件,支持复杂的用户交互,并简化了AJAX交互的实现过程。通过EXT JS,开发者可以轻松构建具有...

    ext 结合 asp.net 实例

    EXT.NET 是一个强大的JavaScript库,它为ASP.NET开发者提供了一种构建富客户端应用程序的方法。它结合了EXT JS的用户界面组件和ASP.NET的服务器端功能,使得开发人员可以在Web应用程序中创建复杂的、交互性强的用户...

    Gwt-ext学习笔记之基础篇

    #### 二、建立一个名为gwtext的GWT项目 接下来需要创建一个新的GWT项目,并对其进行必要的配置。 1. **创建动态web项目** - 在Eclipse中依次选择`File`—`New`—`Other`—`Web`—`Dynamic Web Project`。 - 在`...

    Ext+JS高级程序设计.rar

    5.2 DIY一个Ext.Direct实例 152 5.3 NewtonSoft.JSON 155 5.3.1 JSON的序列化和反序列化 155 5.3.2 LINQ to JSON 158 5.3.3 JSON文本的输出 162 5.4 本章小结 163 第6章 在Java中使用Ext.Direct 164 6.1 在Java平台...

Global site tag (gtag.js) - Google Analytics