ext--fileset控件示例

效果如图：

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <base href="<%=basePath%>">

    <title>My JSP 'select.jsp' starting page</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<link rel="stylesheet" type="text/css"
   href="ext/resources/css/ext-all.css" />
  <script type="text/javascript" src="ext/adapter/ext/ext-base.js"></script>
  <script type="text/javascript" src="ext/ext-all.js"></script>

    <script type="text/javascript">
    /**
      fileset布局
    */
    Ext.onReady(function(){

      var panelExt=new Ext.Panel({ //---------------基本信息
        layout : 'column',
        border:false,
        items : [
             {
                columnWidth : 0.5,
                layout : 'form',
                border:false,
                items : [
                  {
                     fieldLabel:'test1',
                     name:'test1',
                     xtype:'textfield'
                  }
                ]
            },{
                columnWidth : 0.5,
                layout : 'form',
                border:false,
                items : [
                    {
                      fieldLabel:'test2',
                      name:'test2',
                      xtype:'textfield'
                  }
                ]
            }
            ]
    });
    var panelExt2=new Ext.Panel({
        layout : 'column',
        border:false,
        items : [
             {
                columnWidth : 0.5,
                layout : 'form',
                border:false,
                items : [
                  {
                     fieldLabel:'test3',
                     name:'test3',
                     xtype:'textfield'
                  },{
                      fieldLabel:'test4',
                      name:'test4',
                      xtype:'textfield'
                  },{
                      fieldLabel:'test5',
                      name:'test5',
                      xtype:'textfield'
                  }
                ]
            },{
                columnWidth : 0.5,
                layout : 'form',
                border:false,
                items : [
                     {
                      fieldLabel:'test6',
                      name:'test6',
                      xtype:'textfield'
                  },{
                      fieldLabel:'test7',
                      name:'test7',
                      xtype:'textfield'
                  },{
                      fieldLabel:'test8',
                      name:'test8',
                      xtype:'textfield'
                  }

                ]
            }
            ]
    });
     var panelExt3=new Ext.Panel({
        layout:'form',
        border:false,
        items :[{
            fieldLabel:'test10',
            name:'test10',
            xtype:'textfield'
        }]
    }) ;
    var fieldset = new Ext.form.FieldSet({
         checkboxToggle : false,
        checkboxName :'expAccountFlag',
        title : '基本信息',
        autoHeight : true,
        width : 800,
        defaultType : 'textfield',
        defaults : {
        bodyStyle : 'padding: 5px;'
       },
        collapsed : false,
        items :[panelExt]
    });
     var fieldset2 = new Ext.form.FieldSet({
         checkboxToggle : false,
        checkboxName :'expAccountFlag',
        title : '其它信息',
        autoHeight : true,
        width : 800,
        defaultType : 'textfield',
        defaults : {
        bodyStyle : 'padding: 5px;'
       },
        collapsed : false,
        items :[panelExt2]
    });
    var fieldset3= new Ext.form.FieldSet({
         checkboxToggle : false,
        checkboxName :'expAccountFlag',
        title : 'test',
        autoHeight : true,
        width : 300,
        defaultType : 'textfield',
        defaults : {
        bodyStyle : 'padding: 5px;'
       },
        collapsed : false,
        items :[panelExt3]
    });
     var panelExtAll=new Ext.FormPanel({
        applyTo :'panel',
         border:false,
        items : [
        {
   layout : 'column',
   border : false,
   items : [
               {
                  columnWidth : 0.7,
                  layout : 'form',
                   border:false,
                  items : [
                    fieldset,fieldset2
                  ]
              },{
                  columnWidth : 0.3,
                  layout : 'form',
                  height:200,
                   border:false,
                  items : [
                       fieldset3
                  ]
              }
           ]
        },{
                 fieldLabel:'哈哈',
                  xtype:'textfield'
        }
            ]
         });
    });
    </script>

</head>

<body>
<div id="panel"></div>
</body>
</html>

转载于:https://www.cnblogs.com/summer520/archive/2013/06/05/3118805.html

ext--fileset控件示例相关推荐

用友二次开发用友控件 Js宿主脚本调用用友T6 登录参照控件示例
用友二次开发用友控件 Js宿主脚本调用用友T6 登录参照控件示例 /*****************************************, code by 张朋 ' Email: ...
android 5.0新增 ui 控件,android3.0新增ui控件示例说明.doc
android3.0新增ui控件示例说明 Android3.0新增UI控件 AdapterViewAnimator控件 AdapterViewAnimator(堆View),已知子类有AdapterV ...
事件冒泡控件示例（转载）
.NET Framework 开发员指南事件冒泡 ASP.NET 页框架提供一种称为"事件冒泡"的技术,允许子控件将事件沿其包容层次结构向上传播.事件冒泡允许在控件层次结构中 ...
python 按钮控件_python实现360皮肤按钮控件示例
python实现360皮肤按钮控件示例. 代码: #!/usr/bin/python #-*-coding:utf-8-*- #site www.jbxue.com from PyQt4.QtGui ...
Silverlight 信息显示与编辑控件示例
Silverlight 真是一个不错的开发平台,想到即将发布的Silverlight 4 更是增加了像去学习他的兴趣. 信息显示控件 TextBlock 信息显示第一个要说的一定是TextBlock, ...
asp.net模板控件示例
asp.net模板控件示例原文:asp.net模板控件示例模板控件允许将控件数据与其表示形式相分离,模板化控件不提供用户界面. 编写它则是为了实现一个命名容器以及包含属性和方法可由宿主页访问的类, ...
[导入]Asp.net 2.0 自定义控件开发[创建自定义浮动菜单FloadMenu控件][示例代码下载]...
Asp.net 2.0 自定义控件开发[创建自定义浮动菜单FloadMenu控件][示例代码下载] 文章来源:http://blog.csdn.net/chengking/archive/2007/0 ...
WPF TabControl控件示例
WPF TabControl控件示例运行效果: 主窗体XAML代码: <Window x:Class="WPF0417.MainWindow"xmlns="htt ...
Ext.NET控件介绍—Form控件
Form控件表单控件是每个开发人员最常用到的一些控件,包括TextField.DateField.FormPanel.Label.HyperLink.Multifield.SpinnerField等 ...
PIE SDK图层树伙伴控件示例
1. 功能简介 TocControl控件的主要作用是显示当前加载的图层有哪些.采用什么样的符号等,目的是使用户对当前加载的数据和结构有一个总体的把握.与之相关联的伙伴控件有MapControl,Pa ...

ext--fileset控件示例

ext--fileset控件示例相关推荐

最新文章

热门文章