2013-10-11 49 views
1

我正在使用面板顯示可滾動的網格。我的代碼是高度屬性導致停止腳本

var resultsPanel = Ext.create('Ext.panel.Panel', { 
height:140, 
items: companyView, 
renderTo: 'addTable'+i, 
layout: 'fit' 
}); 

var checkbox = new Ext.selection.CheckboxModel(); 
companyView = Ext.create('Ext.grid.Panel', { 
    title:'', 
    selModel: checkbox, 
    id:'companylist'+i, 
    store: store1, 
    multiSelect: true, 
    viewConfig: { emptyText: 'No data to display'}, 
    columns:[ 
       {header: 'Type', width: 80, flex: 1, dataIndex: 'type', 
       renderer: sample}, 
       {header: '%', width: 30, flex: 1, dataIndex: 'per'}, 
       {header: 'Name', width: 30, flex: 1, dataIndex: 'name',renderer:functOwnerNameCmp}, 
       {header: 'O.%', width: 50, flex: 1, dataIndex: 'owner'}, 
       {header: 'Role', width: 30, flex: 1, dataIndex: 'role'}, 
       {header: 'Gender', width: 50, flex: 1, dataIndex: 'gender'} 
      ], 
    tbar : [ 
       { 
        text: 'Delete Selected', 
        margins: '0 0 0 290', 
        handler: function() 
        { 
         rowsSelected = companyView.getSelectionModel().getSelection(); 
         if(rowsSelected.length==0) { 
          Ext.Msg.alert(' ', 'Please select one record'); 
         } else { 
          Ext.MessageBox.confirm(' ', 'Are you sure you want to remove Person?',confirmRemoveAffCmpRec); 
        } 
       } 
      }  
      ] 
     }); 

如果我不使用height屬性,劇本是好的,但如果我在使用高度屬性的腳本被停止,消息是由瀏覽器如所示在Mozilla-
無響應腳本
此頁面上的腳本可能正忙,或者它可能已停止響應。您可以立即停止腳本,也可以繼續查看腳本是否完成。

可能是什麼問題?

+0

嗨,你的意思是如果你把'height:140'它會導致Unresponsive腳本,就像你以前用過的那樣? – vbrmnd

+0

@vaibhavmande:是的。我必須使用它,因爲沒有它就無法實現可滾動的網格。 –

+1

它可能取決於'companyView'中的內容,提供這些額外信息 - 內部面板是什麼? – zamnuts

回答

1

上面的代碼是好的,我只需要指定寬度,只要我使用高度屬性。