当前位置：首页 → 问答吧 → extj键盘事件控制grid的几个问题

extj键盘事件控制grid的几个问题

时间：2011-03-03

来源：互联网

1.所有数据都能正常显示,但默认的tab键事件不稳定,在编辑状态换行时,有时候会变成非编辑状态,添加listeners后,自定义了上下键控制时也会出现随机的从编辑状态变成非编辑状态,一直找不到解决方法

(tab键是横向移动,因为只列出一列,所以tab会自动下移,在列比较多的情况下,横向移动时不会出现"情况1",只有换行才会出现)

2.selectOnFocus:true 在编辑时使用了全选文本的属性,但只有鼠标点击时才会出现全选文本,由tab键下移编辑表格时,会出现没有全选的状态,不知道怎么解决

3.在没有使用selectOnFocus:true情况下,鼠标点击文本框时有时候光标会出现在文本的左边,有时候会出现文本的右边,在连续输入数据时非常讨厌,这个也不知道怎么解决

以上问题希望高手指点,谢谢了

JScript code

 
 Ext.onReady(function(){ 
 Ext.QuickTips.init(); 
 var store = new Ext.data.JsonStore({ 
          remoteSort: true, 
          root: 'topics', 
          totalProperty: 'totalCount', 
          idProperty: 'dc_ID', 
          remoteSort: true, 
          sortInfo: {field:'dc_id', direction:'ASC'}, 
          fields: ['dc_id',{name: 'fl_s', type: 'float'}], 
          proxy: new Ext.data.HttpProxy({ 
      method: 'GET',   
          url: 'data.aspx' 
         }) 
 }); 
 var grid = new Ext.grid.EditorGridPanel({ 
         width:900, 
         height:380, 
         title:'明细表', 
         store: store, 
         clicksToEdit: 1, 
         collapsible: true, 
         trackMouseOver: true, 
         loadMask: true, 
         columns: [new Ext.grid.RowNumberer({width: 30}), 
         { 
             id: 'fl_s', 
             header: "数据", 
             dataIndex: 'fl_s', 
             width: 70, 
             sortable:true, 
     editor: new Ext.form.NumberField({ 
            allowBlank: false, 
            selectOnFocus:true, 
             allowNegative: false 
             }) 
         }], 
         view: new Ext.ux.grid.BufferView({ 
            rowHeight: 20,//这个属性好象也无效 
     scrollDelay: true 
          }), 
         bbar: new Ext.PagingToolbar({ 
             pageSize: 100, 
             store: store, 
             displayInfo: true, 
             displayMsg: '显示第 {0} 条到第 {1} 条记录,一共 {2} 条记录', 
             emptyMsg: "暂无数据显示"             
         }) 
 }); 
 store.on('beforeload',function(){//设置加载参数 
         Ext.apply( store.baseParams, { 
         type:Ext.getDom('selType').value           
         });}, store); 
  
 grid.render('mainbox'); 
 store.load({params:{start:0, limit:100}});