CODEWITHSUNDEEP
javascriptextjsextjs4
Anarion
Anarion

Reputation: 2534

How to change drag'n drop tooltip text in ExtJs?

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?

Upvotes: 4

Views: 1053

Answers (2)

TimL
TimL

Reputation: 223

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

Upvotes: 1

CD..
CD..

Reputation: 74096

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}'

Upvotes: 2

Related Questions