extjs 动态添加item

摘要:
测试页面˂metahttp equy=”content=”text.htm
<html>
    <p>
    </p>
    <head>
        <title>测试页面</title>
        <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
        <meta http-equiv="description" content="this is my page">
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" href="scripts/ext/resources/css/ext-all.css" type="text/css">
        </link>
        <script type="text/javascript" src="scripts/ext/adapter/ext/ext-base.js">
        </script>
        <script type="text/javascript" src="scripts/ext/ext-all.js">
        </script>
        <style type="text/css">
            .add {
                background-image: url(resources/images/default/dd/drop-add.gif);
            }
        </style>
        <script type="text/javascript" src="scripts/ext/My97DatePicker/WdatePicker.js">
        </script>
        <script type="text/javascript">
            Ext.onReady(function(){
                Ext.QuickTips.init();
                var f = new Ext.form.FormPanel({
                    renderTo: Ext.getBody(),
                     300,
                    height: 300,
                    title: 'test',
                    items: [{
                        xtype: 'radio',
                        boxLabel: '本地上传',
                        inputValue: 'local',
                        name: 'uploadType',
                        checked: true
                    }, {
                        xtype: 'radio',
                        boxLabel: '网络上传',
                        inputValue: 'remote',
                        name: 'uploadType'
                    }]
                });
                f.add({
                        xtype: 'radio',
                        boxLabel: '本地上传',
                        inputValue: 'local',
                        name: 'uploadType',
                        checked: true
                    });
                f.doLayout();
            });
        </script>
    </head>
    <body>
        <div id="grid-div">
        </div>
        <div id="hellow-win">
        </div>
    </body>
</html>

免责声明:文章转载自《extjs 动态添加item》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇假如lvs支持10w并发架构Windows访问令牌模拟窃取以及利用(T1134)下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

ExtJS入门教程02,form也可以很优雅

在上一篇《Extjs window 入门》中,我们已经看到了如何将一个form组件放到window中,今天我们来看看form的一些优雅的工作方式。 使用fieldDefaults,优雅的设置字段默认值 form中的子项,通常都是field控件,而这些field控件通常都会使用一些相同的配置,例如labelWidth、labelAlign等,如果在每一个f...

EXTJS入门教程及其框架搭建

EXTJS是一个兼容AJAX的前台WEB UI的框架,在普通的HTML文件的 BODY 元素中无须写任何HTML代码,就能产生相应的表格等元素。   首先是为每一个页面定义一个类,再以EXTJS的规范格式增加所需的元素,可以使用所见所得的工具:extbuilder 来操作,这个类将以XXXXX.js的文件名保存,最后在相应的HTML页面中引入相关的JS和...

ExtJS 基础解析之【Ext.FormPanel】之一

今天我和大家继续分享ExtJS!OK!上篇中我们分享了Ext.window的简单使用,今天我们要看看强大的FormPanel,也是继承panel组件的使用。首先弄清楚这个问题,创建的时候:  //查看源代码便知,两种方法是一样的Ext.form.FormPanel = Ext.FormPanel;我们还是从最简单的代码实例开始吧:<!--html代码...

ExtJs控件属性配置详细

Ext.form.TimeField: 配置项:maxValue:列表中允许的最大时间maxText:当时间大于最大值时的错误提示信息minValue:列表中允许的最小时间minText:当时间小于最小值时的错误提示信息increment:两个相邻选项间的时间间隔,默认为15分钟format:显示格式,默认为“g:i A”。一般使用“H:i:s”H:带前缀...

[转载]ExtJs4 笔记(6) Ext.MessageBox 消息对话框

 作者:李盼(Lipan) 出处:[Lipan] (http://www.cnblogs.com/lipan/)版权声明:本文的版权归作者与博客园共有。转载时须注明本文的详细链接,否则作者将保留追究其法律责任。 本篇演示消息对话框的用法,ExtJs封装了可能用到的各类消息框,并支持自定义的配置。 如下是用到的html: [html] <h1>各...

Extjs6(特别篇)——项目自带例子main.js拆分详解

本文基于extjs6.0.0 一、拆分代码来看看 1、主页面main是个tab页; 写一些页面的依赖; 标明页面的controller和viewModel Ext.define('Learning.view.main.Main', { extend: 'Ext.tab.Panel', xtype: 'app-main',...