CheckBox in List

Is there a way to add checkboxes within the List's Item Template?

I've tried the following, which of course does not work:

{
            xtype: 'list',
            height: '100%',
            itemId: 'checkList',
            itemTpl: [
                '<div class="line">',
                '    <div class="label">',
                '        {text}',
                '    </div>',
                '    <input name="checkBox1" class="x-input-el x-input-checkbox" type="checkbox" tabindex="-1" />',
                '    <div class="x-field-mask">',
                '        ::after',
                '    </div>',
                '    <input name="checkBox2" class="x-input-el x-input-checkbox" type="checkbox" tabindex="-1" />',
                '    <div class="x-field-mask">',
                '        ::after',
                '    </div>'
            ],
            store: 'myStore'
},

I got the code reference by inspecting a checkbox element, but I assume that I have to render it completely different for it to work.

I have tried to search, but cannot find a way to do this.

Also if there is a way to disable the checkboxes, so they're read-only, considering I can't really call disable() for the checkboxes, if they're added in the item template or can I?