Combox下拉GridPanel菜单

来源:网络 责任编辑:栏目编辑 发表时间:2013-07-01 17:32 点击:

extjs Combox下拉GridPanel菜单

Ext.onReady(function(){
      Ext.BLANK_IMAGE_URL = wroot+'ext-3.2.0/resources/images/default/s.gif';

//

var data=[['1','非诚勿扰'],['2','让子弹飞'],['3','锦衣卫'],['4','狄仁杰4']];

 

// 控制gridpanel  列表行 为只能选择一行

var  rsm = new Ext.grid.RowSelectionModel({   singleSelect:true     });

 

var store = new Ext.data.Store({
   autoDestroy: true,
   proxy:new Ext.data.MemoryProxy(data),
   reader:new Ext.data.ArrayReader({},[
       {name:'mid'},
       {name:'mname'}
   ])
});

 

var grid = new Ext.grid.GridPanel({
      width:600,
      height: 200,
     frame: true,
     border:true,
     //enableHdMenu:false,
     store: store,
     enableColumnMove:false,   //支持列移动
     enableColumnResize:true,
      autoExpandColumn : true,
      trackMouseOver : true,
      viewConfig:{
               forceFit:true
     },
  sm:rsm ,
  tbar:[{text:'确定一'},'-',new Ext.form.TextField({id: 'paramCnName',width:60}),{text:'查找一'}],
  cm: new Ext.grid.ColumnModel([
        new Ext.grid.RowNumberer(),
       {header:'编号',dataIndex:'mid', sortable: true},
       {header:'姓名',dataIndex:'mname', sortable: true}
  ]),

// 远程数据 才有效果

  bbar:new Ext.PagingToolbar({
      pageSize:10,
      store:store,
      displayInfo:true,
      displayMsg:'显示第{0} 条 到 {1} 条记录,一共{2}条',
      emptyMsg:'无记录'
  }),

  listeners:{
    rowdblclick:function(grid , rowIndex ,e){
       showMenu .hide();
       var rowOptions = grid.getSelectionModel().getSelections();
        for(var i=0; i< rowOptions.length; i++){
            var uid = rowOptions[i].get('mid');
            var uname = rowOptions[i].get('mname');
            comb.setValue(uid);
            comb.setRawValue(uname);
        }
    }
  }
});

 

var showMenu = new Ext.menu.Menu({
     items : [grid]
});

 

var comb = new Ext.form.ComboBox({
    renderTo:'combox-panel-grid',  /*渲染到一个容器里*/
    width:600,
    triggerAction: 'all',
    typeAhead: true,
    lazyRender:true,
    editable:true,
emptyText:'请选择...',
  

    发表评论
    请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
    用户名: 验证码:点击我更换图片
    最新评论 更多>>

    推荐热点

    • Gb2312转utf-8编码的方法(vbs+js)
    • 如何使用Ajax技术开发Web应用程序(1)
    • js跳转路径问题
    • JavaScript模仿桌面窗口
    • 用js检测两个线段是否相交
    • 我知道的JavaScript -- 设计模式(桥接)应用之 – 验证器
    • 运用JavaScript构建你的第一个Metro式应用程序(on Windows
    • 我是如何去了解jquery的(六),案例之幻灯片轮换
    • Jquery封装幻灯片效果
    网站首页 - 友情链接 - 网站地图 - TAG标签 - RSS订阅 - 内容搜索
    Copyright © 2008-2015 计算机技术学习交流网. 版权所有

    豫ICP备11007008号-1