0

在我的应用程序完成加载后，我正在显示选项卡面板，默认的第一个选项卡（选项卡面板中的第一项）将出现在屏幕中。

        Ext.Viewport.add({
        xtype : 'myTab'
    });

当标签面板加载时，我将根据纬度和经度在第一个标签中显示一组消息。

我在控制器初始化方法中使用phonegap获取纬度和经度，控制器初始化方法将在其他任何事情之前首先被调用。

我正在向我的服务器发送一个 ajax 请求，并在第一次绘制选项卡时将纬度和经度作为参数。

我的问题是 phonegap 需要一些时间给出纬度和经度，在我得到纬度和经度之前，我的观点很痛苦并且 ajax 请求正在发生。

所以我无法使用 ajax 请求将纬度和经度作为参数发送。

我怎样才能延迟标签面板被痛苦一段时间？

这是我获取纬度和经度的电话间隙代码（在控制器初始化方法中）。

        var gotLocation = false;
    var GEO_OPTS = {
        enableHighAccuracy : true,
        maximumAge : 120000,
        timeout : 6000
    };
    var onSuccess = function(position) {
        if (gotLocation)
            return;
        console.log('inside onsuccess');
        if (position.coords.accuracy <= 1000) {
            var lat = position.coords.latitude;
            var lon = position.coords.longitude;

            console.log('Got location at end');
            gotLocation = true;
            // proceed to fetch messages
            var radius = localStorage.radius ? localStorage.radius : 5;

            console.log('radius :' + radius);
            var unit = localStorage.unit ? localStorage.unit : "M";
            var rangeText = ' ' + radius;
            if (unit == 'M')
                rangeText = rangeText + ' mi';
            else
                rangeText = rangeText + ' km';
            var listCaption = 'All wants within' + rangeText;

            localStorage.latitude = lat;
            localStorage.longitude = lon;
            localStorage.radius = radius;
            localStorage.unit = unit;
            localStorage.rangeText = rangeText;
            localStorage.listCation = listCaption;
            console.log('Range Text:' + rangeText);
            console.log('list Caption:' + listCaption);
        }
    };

    var onError = function (error) {
        navigator.notification
                .alert("oops..." + error.code + error.message);
    };

    navigator.geolocation.getCurrentPosition(onSuccess, onError, GEO_OPTS);
4

1 回答 1

1

您可以做 2 件事
1. 为将选项卡面板添加到视口的代码添加一些延迟

Ext.defer(function(){ 
    Ext.Viewport.add({
      xtype : 'myTab'
    });
}, 500, this);

2.在success handler函数中添加mytab

var onSuccess = function(position) {
    /* All the existing code*/
    Ext.Viewport.add({
        xtype : 'myTab'
    });
}
于 2013-01-01T05:16:16.543 回答