Display checkboxfield in textfield

Currently I face the issue for display checkbox along with the textfield which inturn was useful for me for bulk action like delete all selected textfield or update value.
While I was searching ,I found the following solution.

xtype: 'textfield',
itemId:'txtMain',
      component: {
          xtype: 'container',
          layout: 'hbox',
          items: [{
            xtype: 'textfield',
            itemId:'txtSubText',
            flex: 1,
            label:'select',
            clearIcon:false
          },
          {
            xtype: 'checkboxfield',
            itemId:'chkField'
          }]
      }

Output of above code is :-

Following code to get the value of textfield and checkboxfield

panel.query('#txtMain')[0].getComponent().query('#txtSubText')[0].getValue();

panel.query('#txtMain')[0].getComponent().query('#chkField ')[0].getValue();