悬停时：如何在 Extjs 的 textarea 字段内显示带有复制选项的工具提示

Question

我是 ExtJs 的新手，在此我有一个来自 API 响应的 textareafield 绑定数据。

我想做的是，如果响应中有任何 url，我想在用户将鼠标悬停在 it.Can 上时显示带有复制选项的工具提示。有人帮忙吗？我去拿这个。

代码：

xtype: 'textareafield',
fieldLabel: 'Reponse',
name: 'response',
align: 'stretch',
allowBlank: false,
flex: 1

response.setValue(StringUtils.addHtmlBreaks(record.get('response')));

谢谢..

Answer 1

我创建了简单的 fiddle，其中显示了一个文本区域和绑定的鼠标事件，并在 this fiddle 中相应地显示了提示。

textarea.on('mouseover',function(evt,field){
  //Show tip if url matches
},this);

textarea.on('mouseout',function(){
  //just hide tip
},this);

并通过 text.match(/\bhttps?:\/\/\S+/gi)

在文本区域中匹配 url

在这个 fiddle 中，我没有实现复制功能，因为我想确认这种行为是否适合您。请检查并回复是否相同，如果对代码进行任何编辑建议相同。

悬停时：如何在 Extjs 的 textarea 字段内显示带有复制选项的工具提示

On Hover : How to show a tool tip with copy option for all url's inside a textarea field in Extjs

extjs

sencha-touch

extjs4.1

sencha-architect