ext store的举例应用

最新推荐文章于 2022-06-23 16:03:37 发布

原创最新推荐文章于 2022-06-23 16:03:37 发布 · 119 阅读

0 ·

CC 4.0 BY-SA版权

ajax 专栏收录该内容

36 篇文章

订阅专栏

本文通过一个具体的ExtJS应用实例，展示了如何使用ExtJS创建按钮、日期选择器及带有本地数据源的下拉框。首先创建了一个提交类型的确定按钮并设置点击事件；接着初始化了一个日期选择器，设置了日期范围及默认值，并绑定了选择事件；最后创建了一个基于本地数据的下拉框，用于选择湖南省内的城市。

Ext.onReady(function(){

//    var btn = new Ext.Button();
//    btn.setText("确定");
//    btn.type = "submit";
//    btn.setHandler(function(){
//
//         Ext.Msg.alert("提示","按钮的测试,效果真是不错啊");
//
//    });
//
//    btn.render(Ext.getBody());

//    var btn = new Ext.Button({
//
//        renderTo:Ext.getBody(),
//        text:"确定",
//        type:"submit",
//        handler:function(){
//            Ext.Msg.alert("提示","按钮测试的效果真是不错af啊 ");
//        }
//    });

//    var dp = new Ext.DatePicker({
//
//        renderTo:Ext.getBody(),
//        minDate:Date.parseDate("2009-1-1","Y-m-d"),
//        maxDate:Date.parseDate("2013-1-1","Y-M-D"),
//        value:Date.parseDate("2009-12-12","Y-M-D"),
//        handler:function(){
//
//            Ext.MessageBox.alert("提示",Ext.util.Format.date(this.getValue(),"Y-M-D"));
//        }
//    });

    var data = [[1,"长沙"],[2,"株洲"],[3,"湘潭"],[4,"昭阳"]];
    var proxy = new Ext.data.MemoryProxy(data);
    var city =   new Ext.data.Record.create([

    {name:"cid",type:"int",mapping:0},
    {name:"cname",type:"string",mapping:1}

    ]);

    var reader = new Ext.data.ArrayReader({},city);

    var store = new Ext.data.Store({

        proxy:proxy,
        reader:reader,
        autoLoad:true
    });


    var combobox = new Ext.form.ComboBox({

        renderTo:Ext.getBody(),
        triggerAction:"all",
        store:store,
        displayField:"cname",
        valueField:"cid",
        mode:"local",
        emptyText:"请选择湖南城市"
    });

});