第七课,Extjs中常用表单介绍与应用二

目标：

      了解基本组件的数据绑定

      远程数据源组合筐应用

      表单的提交和加载

应用：

      在上一篇课件中我只是比较急促的讲解了下表单组件的基本应用，这里我重点介绍数据绑定与表单的提交和加载。

     1,在js中调用后台变量与方法  （很简单哦）

        public string ServerData = "'陈建强'"; //后台定义的变量

        emptyText:<%=ServerData %>,//js中调用

 

       public string ReturnData(string strData)//后台方法
        {
            return strData;
        }

       emptyText:<%=ReturnData("'陈建强'") %>,//js调用后台方法

      

 

       2，本地数据绑定下拉筐

       定义数据：

       var Mystore=new Ext.data.SimpleStore({
            fields:['province','post'],
            data:[['北京','100000'],['武汉','430050'],['孝感','432614'],['孝感','432614'],['孝感','432614']]
        });

     

       {
                    xtype:'combo',
                    fieldLabel:'我的邮编',
                    id:'post',
                    triggerAction:'all',//惦记全部显示
                    store:Mystore,//数据原
                    displayField:'province',//显示字段
                    valueField:'post',//信息字段
                    mode:'local',//本地
                    anchor:'95%',//宽度比
                    handleHeight:10,
                    resizable:true,//可以拖动
                    value:'430050',//默认值
                    typeAhead:true//自动过录
                }

      

 

      3，远程数据加载