如何在extjs classic 6中创建链接的多选框

<link rel="stylesheet" type="text/css" href="extjs/classic/theme-classic/resources/theme-classic-all.css">
<script type="text/javascript" src="extjs/ext-all.js"></script>

Ext.create('Ext.form.Panel', {
    renderTo: Ext.getBody(),
    layout: 'anchor',
    defaults: {
        anchor: '100%'
    },
    items: [
        // 多选框组件
    ]
});

{
    xtype: 'checkboxgroup',
    fieldLabel: '链接',
    columns: 3, // 设置显示列数
    items: [
        { boxLabel: '链接1', name: 'link1' },
        { boxLabel: '链接2', name: 'link2' },
        { boxLabel: '链接3', name: 'link3' },
        // 添加更多的链接复选框
    ]
}

{
    xtype: 'checkboxgroup',
    fieldLabel: '链接',
    columns: 3,
    items: [
        { boxLabel: '链接1', name: 'link1' },
        { boxLabel: '链接2', name: 'link2' },
        { boxLabel: '链接3', name: 'link3' },
        // 添加更多的链接复选框
    ],
    listeners: {
        change: function(checkboxGroup, newValue, oldValue, eOpts) {
            // 处理复选框值变化的逻辑
        }
    }
}