Extjs 工具栏上的电子邮件按钮

【问题标题】：Email button on Extjs ToolbarExtjs 工具栏上的电子邮件按钮
【发布时间】：2012-05-28 16:01:17
【问题描述】：

我在添加 mailto: 到网格面板工具栏的链接时遇到问题。

我已经尝试修改对象的 HTML 配置并通过处理程序，但都没有打开新的电子邮件。

{
text   : 'Support', 
html: '<a href="mailto:email@xx.com" target="_blank">Support</a>'
}


{
text   : 'Support', 
handler: function() {
   return '<a href="mailto:email@xx.com">Support</a>';
}

【问题讨论】：

标签： email extjs toolbar

【解决方案1】：

handler: 用于创建按下按钮的处理函数。要使您的 mailto 链接正常工作，您应该重定向到 mailto:email@xx.com 地址，例如：

handler: function() {
    window.location = 'mailto:email@xx.com';
}

【讨论】：

【解决方案2】：

我会按照@webbandit 的建议做，但我会使用window.open('mailto:address.com')

【讨论】：

【解决方案3】：

如果你使用的是 ExtJS 4.x，你可以在 href 中定义：

{
    text : 'Support', 
    href : "mailto:email@xx.com"
 }

hrefTarget="_blank"是默认值，但最好设置为_self：

{
    text : 'Support', 
    href : "mailto:email@xx.com",
    hrefTarget: "_self"
 }

【讨论】：