Chapter VI-ExtJs-Form

2010-07-14  来源:本站原创  分类:Web  人气:199 

Form

The task of this chapter

1.Form

//Ext.QuickTips.init();
//
//var form = new Ext.form.FormPanel({
//    labelWidth: 75,
//    title: 'Form Layout',
//    bodyStyle:'padding:15px',
//    //renderTo:Ext.getBody(),
//    width: 350,
//    labelPad: 10,
//    defaultType: 'textfield',
//    defaults: {
//        // applied to each contained item
//        width: 230,
//        msgTarget: 'side'
//    },
//    layoutConfig: {
//        // layout-specific configs go here
//        labelSeparator: ':'
//    },
//    items: [{
//            fieldLabel: 'First Name',
//            name: 'first',
//            allowBlank: false,
//            blankText:' Disallow null  ',
//                   msgTarget:'under'
//        },{
//            fieldLabel: 'Last Name',
//            name: 'last'
//        },{
//            fieldLabel: 'Company',
//            name: 'company'
//        },{
//            fieldLabel: 'Email',
//            name: 'email',
//            vtype:'email'
//        }
//    ],
//    buttons: [{
//        text: 'Save'
//    },{
//        text: 'Cancel'
//    }]
//
//
//});
//Ext.reg("a", form.show())

Ext.onReady(function(){

           var simple = new Ext.FormPanel({
        labelWidth: 75, // label settings here cascade unless overridden
        url:'save-form.php',
        frame:true,
        title: 'Simple Form',
        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'
            },{
                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);
})

Goal of this chapter

1. Understanding Form

相关文章
  • Chapter III Extjs in the development, how to achieve code reuse (Getting Started tutorial) 2009-10-02

    Chapter III Extjs in the development, how to achieve code reuse (Getting Started tutorial) If you want to achieve the following interface, you will choose the kind of code? Code 1: Code 2: According to the above created object: You will choose? ? Rec

  • The fourth chapter describes Extjs of formPanel (Getting Started tutorial) 2008-12-27

    The fourth chapter describes Extjs of formPanel (Getting Started tutorial) This chapter briefly our main Extjs of formPanel - formPanel creation, formPanel field data acquisition, xtype property use, ComboBox use. Extjs the formPanel is divided into

  • SCJP Notes Chapter VI _ _ string. I / O. formatting and parsing 2010-11-27

    Chapter VI of the string, I / O, formatting and parsing 6.1 String, StringBuilder and StringBuffer Exam Objective 3.1 of String, StringBuiler, StringBuffer class distinction between. 6.1.1 String class Strings are immutable objects, but you can chang

  • Chapter V Extjs how to achieve "T"-type system page layout (Getting Started tutorial) 2008-11-16

    Chapter V Extjs how to achieve "T"-type system page layout (Getting Started tutorial) Look at this chapter, you'll need to take a look EXT borderLayout diagram (useful for beginners) This over the article. Since the achievement of this tradition

  • extjs form submit in two ways 2010-09-11

    extjs form submit in two ways: One is the AJAX submission, the other is the traditional filing. The default is the AJAX submission. If you want to submit the traditional way to conduct the following settings (note the red part) Ext.onReady (function

  • RMI Specification - Chapter VI 2010-12-08

    RMI Specification - Chapter VI RMI system uses java.rmi.registry.Registry interface and java.rmi.registry.Locat eRegistry class for the object by name search and registration services provide well-known bootstrap. registry is a name mapped to the rem

  • 学习ExtJS form布局 2014-01-20

    ExtJS form布局使用说明,需要的朋友可以参考下. 一. Form布局由类Ext.layout.FormLayout定义,名称为form,是一种专门用于管理表单中输入字段的布局,这种布局主要用于在程序中创建表单字段或表单元素等使用. hideLabels:tru表示隐藏标签,默认为false. labelAlign:标签队齐方式left.right.center,默认为left. Ext.onReady(function(){ var _panel = new Ext.Panel({ ti

  • Chapter VI using the command-line tools and Android simulator - on the 2010-03-29

    Key skills and concepts l using the Android SDK command-line tool l Create a command environment l through the shell-side navigation Android Service l to use Android SDK in Linux At present, this book has covered a number of broad themes to let you k

  • Chapter VI using the command-line tool with the Android emulator - Next 2010-03-29

    Since you placed in the Android application server, you can delete it. Rm HelloWorldCommandLine.apk use the command syntax to remove the application. The following illustration shows the rm command, if run properly, it will not again feedback. And th

  • ExtJS form validation of small scale chopper 2010-04-03

    Slightly based on ExtJS know people know that certainly needs to FormPanel form validation, then FormPanel first he inherited from Ext.Panel, and other such TreePanel, GridPanel, TabPanel so on are also inherited from Ext.Panel's, today is the form v

  • extjs.form.file inputtype to "file" can not be assigned with the setValue method of solution 2010-12-01

    For security reasons, file does not support the assignment, with the expansion component Ext.ux.form.FileUploadField can solve this problem. The main code is as follows: Ext.onReady(function(){ var uxfile = new Ext.ux.form.FileUploadField({ width: 40

  • EXTJS FORM HIDDEN TEXTFIELD 赋值 使用value不好用的问题 2014-04-23

    用了一个方法解决了此问题,但是老是感觉这样解决了很不爽,各位有没有遇到过这种问题,请指点一下. 遇到一个很奇怪的问题,ExtJs里的form提交创建的时候从session里取了个操作员的ID,然后在form里添加了一个xtype为hidden的组件,给它写了个value,奇怪的就出现了,在其中的一条机器上做是没有问题,换了一个机器,说什么就是不能赋值上去,搞的我老郁闷了.用了一个方法解决了此问题,但是老是感觉这样解决了很不爽,各位有没有遇到过这种问题,请指点一下. 先说说我的解决方法 给hidd

  • Extjs学习笔记之三 extjs form更多的表单项 2014-07-30

    本文接着上讲Extjs学习笔记之二 Extjs之Form介绍Extjs的表单.Extjs除了类似普通的html form的表单项之外,还有一些功能更为丰富实用的表单项. 1.日期选择框,DateField 日期选择框在日常项目中被广泛应用,一个方便的日期输入机制能够极大的提高用户体验.Extjs的DateField非常友好灵活强大.可以通过如下代码新建一个日期选择框: new Ext.form.DateField({ id: 'diliveryDate', format: 'Y年m月d日', m

  • ExtJs form表单滚动条问题 2012-12-09

    ExtJs 滚动条问题 bodyStyle :'overflow-x:visible;overflow-y:scroll', //隐藏水平滚动条 通过这个方法可以显示或隐藏滚动条 var form = new Ext.form.FormPanel({ frame : true, labelWidth : 80, height : 400, autoScroll : true, bodyStyle : 'overflow-x:visible; overflow-y:scroll', items :

  • Revision of editing ExtJS form load 2010-04-06

    Ext form load is usually written so bookForm.form.load (( waitMsg: 'Loading data, Please wait', / / reminder waitTitle: 'tips', / / title url: 'getBookById.action', / / request the url address params: (bookId: bookId), method: 'post', / / request for

  • The top of the wave of Chapter VI - the Internet's Golden Gate Bridge (Cisco) 2010-04-12

    December 13, 2007 12:14:00 AM Posted by: Google (Google) Fellow Wu Jun In early 1994, my colleagues Tsinghua University Professor Li Xing told me that the Ministry of Education Wei Yu, vice minister of education and scientific research institutions p

  • Chapter VI of the JavaScript built-in objects 2010-05-03

    [/ Size] What is the definition of the function function function function call function of the parameter recursive function closure Array (key) Boolean (primitive data type of wrapper class) Date (key) Math (second priority) Number (primitive data t

  • Chapter VI of the run-time data structures 2010-05-12

    1. a.out: "assembler output (assembler output)," the short form. 2, the concept of paragraphs: (1) in UNIX, the section that related to the content of a binary block. Command: size test (executable programs), to return the document to the three

  • Achieved using Extjs form submit ajax form 2010-07-30

    A form on the page form, only a few words to complete the form below to ajax the submission form: Ext.Ajax.request({ form: 'uploadFileForm', params: _param }); Which form the form of the name, _param need additional parameters string

  • Chapter VI erlang programming compile and run 2010-10-11

    Compile and run the translator: gashero Directory ? A start and stop the Erlang shell ? 2 modify the development environment ? 2.1 set the search path of loader code ? 2.2 in the system startup sequence of commands ? 3 other ways to run the program ?