/*********************本地数据装载入选取框**********************************/
 
 //定义数据模型
 Ext.define('User',{
  extend:'Ext.data.Model',
  config:{
   fields:[
    'id','genre' 
   ] 
   
  }
 });
 //定义数据源
 var data=[
  {id:1,genre:'喜剧'},
  {id:2,genre:'悲剧'},
  {id:3,genre:'历史剧'},
  {id:4,genre:'宫廷剧'}
 ]
 var store=Ext.create('Ext.data.Store',{
  model:'User',
  data:data
      
 });
 var formpanel1=new Ext.form.Panel({
  id:'form12',
  scrollable:'vertical',//指定表单组件是否可以滚动:horizontal:只能横向滚动;vertical:只能纵向滚动;both:可横向滚动与纵向滚动;false:不可滚动
  baseCls:'bgColorPink',//为整个表单整体添加css样式
  cls:'smallfont',//为表单内部所有元素添加css样式
  items:[
   {
    xtype:'fieldset',
    title:'个人信息',
    id:'fieldset1',
    instructions:'请填写电影信息',//fieldset组件的输入知道信息,显示在真个fieldset下面
    defaults:{
     labelwidth:'20%' 
    },
    items:[
     {
      xtype:'selectfield',
      label:'电影种类',
      id:'selectkind',
      name:'selectkind',
      valueField:'id',
      displayField:'genre',
      store:store,
      
      listeners:{
       change:function(select,newValue,oldValue){
        
        Ext.Msg.alert("提示","你选择了");
       } 
      }
      
      
     } 
    ]
   }   
     
  ]
          
         
 });
 
 
    Ext.Viewport.add(formpanel1);