extjssencha-touchextjs7

How to copy text with your finger in ExtJS?


I'm using ExtJs 7 - Modern

Unfortunately, in all objects, text cannot be copied in the usual way by selecting it with a finger.

Can you please tell me if there is any solution for this feature?


Solution

  • By default most components are not user selectable.

    Set the body of a container as user selectable and you can select the text with your finger or a mouse.

    xtype: 'container',
    userCls: 'ordersummary',
    style: {
      'border': '1px solid black',
      'padding': '5px',
      'margin': '0 0 5px 0'
    },
    // this is what makes it selectable.
    userSelectable: {
      bodyElement: 'text'
    },

    see the userSelectable config for Ext.Container. it is basically setting the user-select