-2
extjs Version: 6.0.0
의 오류를 해결하는 방법은 IE
, Google Chrome
및 Firefox
입니다. 여기 잡히지 않은 TypeError : a.setElement가 ext-all.js의 함수가 아닙니다.
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>
당신의 노력 코드를 제공하시기 바랍니다 같은 문제로 이어질 수 있을까? 사람들은 더 나은 솔루션을 게시 할 수 있습니다. – Aria