从Sencha Touch按钮点火'tel'链接

时间:2011-04-03 07:42:26

标签: sencha-touch

我有一个ActionSheet,在用户点击列表项时显示。在ActionSheet中有三个按钮 - 一个用于删除联系人,一个用于调用联系人,另一个用于关闭ActionSheet。我的问题是,如何将等效的<a href="tel:000000000"></a>绑定到按钮?

我需要指定'tel:'协议,以便iOS和Android会强制使用此号码加载Phone应用程序吗?

2 个答案:

答案 0 :(得分:7)

这很简单,

您所要做的就是在按钮的处理程序中更改文档的位置(窗口元素):

        var tapHandler = function(button, event){
            Ext.Msg.confirm('External Link', 'Call ' + button.contactName + "?", function(res){
                if (res == 'yes') {
                    window.location = button.callUrl;
                }
            }, this);

        };


        var callButton = new Ext.Button({
            text: 'Call Now',
            callUrl: 'tel:995223423',
            contactName: 'Ben M',
            handler: tapHandler
        });

答案 1 :(得分:0)

没试过,但如果Rubinsh的方法不起作用,请尝试在按钮的点击处理程序中以编程方式创建它。

function(){
   var alink = Ext.getBody().createChild({tag: 'a', href: 'tel:#########'});
   var event = document.createEvent("TouchEvent");
   event.initTouchEvent('tap', true, true, window, 0, 0, 0, 0);
   alink.dispatchEvent(event);
}

参考