如何在ExtJs中更改拖放工具提示文本？

Question

I have two grids, where I defined drag and drop plugin like this:

plugins: {
        ptype: 'gridviewdragdrop',
        dragGroup: 'secondGridDDGroup',
        dropGroup: 'firstGridDDGroup'
    },

now, when I drag an item from one grid to another I see text "1 selected row" - how can I change this text?

Answer 1

Use dragText config:

The text to show while dragging.

Two placeholders can be used in the text:

• {0} The number of selected items.
• {1} 's' when more than 1 items (only useful for English).

Defaults to: '{0} selected row{1}'

Answer 2

It is possible to set it dynamically using the onNodeOver event and something like:

dd.proxy.update("<span>Custom HTML here</span>");

Make sure you include a HTML tag as update() method calls setStyle.

See http://docs.sencha.com/extjs/6.0.1/classic/Ext.dd.StatusProxy.html#method-update