旋转木马的IT小窝

记录成长的点滴

EXT test

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="PubHeartWall.aspx.cs" Inherits="SpiritualHouseWeb.MainHouse.Customer.PubHeartWall" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>发布心愿</title>
    <link href="../JS/EXTJS/resources/css/ext-all.css" rel="stylesheet" type="text/css" />
    <script src="../JS/EXTJS/ext-base.js" type="text/javascript"></script>
    <script src="../JS/EXTJS/ext-all.js" type="text/javascript"></script>
    <script src="../JS/EXTJS/ext-lang-zh_CN.js" type="text/javascript"></script>
    <script>
        var HeartKind =
        [
                ['1', '张三'],
                ['2', '李四'],
                ['3', '王五'],
                ['4', '赵六'],
                ['5', '钱七'],
                ['6', '孙八'],
                ['7', '何九']
        ];
        var storeKind = new Ext.data.SimpleStore
        ({
            fields: ["id", "name"],
            data: HeartKind
        });

        var JoinPerson =
        [
                ['1', '老公'],
                ['2', '老婆'],
                ['3', '父母'],
                ['4', '同学'],
                ['5', '知己'],
                ['6', '闺蜜'],
                ['7', '其它']
        ];
        var storePeople = new Ext.data.SimpleStore
        ({
            fields: ["id", "name"],
            data: JoinPerson
        });

        var level =
        [
                ['1', '张三'],
                ['2', '李四'],
                ['3', '王五'],
                ['4', '赵六'],
                ['5', '钱七'],
                ['6', '孙八'],
                ['7', '何九']
        ];
        var storeLevel = new Ext.data.SimpleStore
        ({
            fields: ["id", "name"],
            data: level
        });

        var TextEditPanel = new Ext.form.HtmlEditor({
            fieldLabel: '心愿内容',
            enableAlignments: true,
            enableColors: true,
            enableFont: true,
            enableLists: true,
            enableSourceEdit: true,
            height: 200

        });
        var MainPanel = new Ext.form.FormPanel(
        {
            xtype: 'form',
            height: 546,
            width: 633,
            padding: 10,
             layout: "form",
            title: '我的心愿',
            items: [
        {
            xtype: 'textfield',
            anchor: '100%',
            fieldLabel: '心愿标题'
        },
        TextEditPanel,
        {
            xtype: 'combo',
            anchor: '50%',
            fieldLabel: '心愿类型',
            store: storeKind,
            emptyText: '请选择心愿类型',
            mode: 'local', //指定数据加载方式,如果直接从客户端加载则为local,如果从服务器断加载 则为remote.默认值为:remote
            //typeAhead: true,
            triggerAction: 'all',
            valueField: 'id',
            displayField: 'name',
            selectOnFocus: true,
            editable: false//默认为true,false为禁止手写和联想功能

        },
        {
            xtype: 'datefield',
            anchor: '50%',
            fieldLabel: '期待实现时间'
        },
        {
            xtype: 'combo',
            anchor: '50%',
            fieldLabel: '期待参与人',
            store: storePeople,
            emptyText: '请选择期待参与人',
            mode: 'local', //指定数据加载方式,如果直接从客户端加载则为local,如果从服务器断加载 则为remote.默认值为:remote
            //typeAhead: true,
            triggerAction: 'all',
            valueField: 'id',
            displayField: 'name',
            selectOnFocus: true,
            editable: false//默认为true,false为禁止手写和联想功能
        },
        {
            xtype: 'combo',
            anchor: '50%',
            fieldLabel: '期盼程度',
            store: storeLevel,
            emptyText: '请选择期盼程度',
            mode: 'local', //指定数据加载方式,如果直接从客户端加载则为local,如果从服务器断加载 则为remote.默认值为:remote
            //typeAhead: true,
            triggerAction: 'all',
            valueField: 'id',
            displayField: 'name',
            selectOnFocus: true,
            editable: false//默认为true,false为禁止手写和联想功能
        },
        {
            xtype: 'textarea',
            anchor: '100%',
            fieldLabel: '如何努力实现'
        },
       
        {
            xtype: 'container',
            anchor: '100%',
           region:'center',
           
            items: [
        {
         fieldLabel: '',
            xtype: 'button',
            width: 190,
            text: '许下心愿',
            
        }
    ]
        }
            //        {
            //            xtype: 'button',
            //            text: '许下心愿',
            //            anchor: '50%',
            //            fieldLabel: ''

            //        }
    ]
        }
        );
        Ext.onReady(function () {//初始化表单
            Ext.QuickTips.init(); //显示气球提示
            MainPanel.render("Main"); //填充元素到div(id)

        });
    </script>
</head>
<body>
    <div id="Main" style="width: 743px; height: 769px; border: solid 1px red; margin: 0 auto;
        margin-top: 50px;">
    </div>
</body>
</html>


阅读更多
个人分类: ExtJS
想对作者说点什么? 我来说一句

ExtJS库文件打包下载

2016年08月19日 48.71MB 下载

ext使用ext使用ext使用ext使用

2018年06月05日 6.24MB 下载

没有更多推荐了,返回首页

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭