2017-12-26 18 views
-2

extjs Version: 6.0.0의 오류를 해결하는 방법은 IE, Google ChromeFirefox입니다. 여기 잡히지 않은 TypeError : a.setElement가 ext-all.js의 함수가 아닙니다.

enter image description here

코드입니다 : (가) 다음과 같이 데모입니다. ', locked : true'를 제거하면 문제가 해결됩니다. autoScroll: true를 제거 locked: true

<!DOCTYPE html> 

<html> 
<head> 
    <meta name="google" content="notranslate" /> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <meta http-equiv="Content-Language" content="en"> 
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> 
    <title>extjs 6 demo</title> 

    <link rel="stylesheet" type="text/css" href='https://cdnjs.cat.net/ajax/libs/extjs/6.0.0/classic/theme-triton/resources/theme-triton-all.css' /> 
    <script type="text/javascript" src='https://cdnjs.cloudflare.com/ajax/libs/extjs/6.0.0/ext-all.js'></script> 

</head> 
<body> 

<script type="text/javascript"> 

Ext.require([ 
    'Ext.grid.*', 
    'Ext.data.*', 
    'Ext.util.*', 
    'Ext.state.*', 
    'Ext.form.*' 
]); 

var store = Ext.create('Ext.data.ArrayStore', { 
     storeId: 'store2', 
     fields: ['name', 'email', 'phone'], 
     groupField: 'name', 
     //header: 'Test', 
     proxy: { 
      type: 'memory', 
      reader: { 
       type: 'json', 
       rootProperty: 'items' 
      } 
     } 
}); 

store.add([{ 
     'name': 'Gooooogle', 
     "phone": "111-222-3333" 
}]); 


var grid = Ext.create('Ext.grid.Panel', { 
    title: 'Demo Grid', 
    store: store, 
    columnLines: true, 

    autoHeight: true, 
    autoScroll: true, 
    width: 515, 
    enableColumnMove: false, 
    enableDragDrop: false, 
    enableHdMenu: true, 
    enableColumnHide: false, 
    columns: [{ 
     text: 'Company Name', 
     dataIndex: 'name' 
     ,locked: true 
    }, { 
     text: 'Phone', 
     dataIndex: 'phone' 
     ,locked: true 
    }, { 
     text: 'Grouping Columns', 
     columns: [{ 
      text: 'Phone 1', 
      dataIndex: 'phone' 
     }, { 
      text: 'Phone 2', 
      dataIndex: 'phone' 
     }, { 
      text: 'Phone 3', 
      dataIndex: 'phone' 
     }] 
    }], 
    renderTo: Ext.getBody() 
}); 

</script> 

</body> 
</html> 
+1

당신의 노력 코드를 제공하시기 바랍니다 같은 문제로 이어질 수 있을까? 사람들은 더 나은 솔루션을 게시 할 수 있습니다. – Aria

답변

1

을 추가 할 수있는 권한 방법은 무엇입니까. 후속 버전에서 수정 된 버그입니다. 격자는 기본값으로 스크롤되기 때문에이를 지정할 필요가 없습니다.

또한 격자를 만드는 코드는 Ext.onReady 블록으로 묶어야합니다.

참고 : scrollable: trueautoScroll: true