访问在Phonegap插件中的UI线程上运行的对话框

时间:2012-01-27 01:40:39

标签: java android cordova phonegap-plugins

我是Android开发的新手,我需要实现类似于ChildBrowser plugin中的自定义对话框插件。

虽然我已经设法实现了此对话框的大部分功能,包括某些对话框操作的JS回调事件,但我无法在显示时将JS中的数据发送回对话框。

场景如下:当对话框的Spinner被更改时,正在调用JS回调,JS代码执行一些处理(访问sqlStorage数据等),之后我需要更新对话框的一些视图。我目前的代码(没有不相关的东西):

CustomDialogPlugin.java

public class CustomDialogPlugin extends Plugin {
    @Override
    public PluginResult execute(String action, JSONArray args, String callbackId) {
        PluginResult.Status status = PluginResult.Status.OK;
        String result = "";

        try {
            if (action.equals("show")) {
                result = this.showDialog(args.optJSONObject(0), callbackId);
                // ...
            } else if (action.equals("update")) {
                this.updateData(args.optJSONObject(0));
            }
        } catch(JSONException e) {
            // ...
        }
    }

    // Show the dialog
    public String showDialog(JSONObject options, final String callbackId) {
        if (options != null) {
            // Handle options
        }

        // Create the child dialog in new thread
        Runnable runnable = new Runnable() {

            public void run() {
                mDialog = new Dialog(ctx);
                // Dialog layouts, views and listeners setup
                // ...
                mSpinner.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener(){
                    @Override
                    public void onItemSelected(AdapterView adapter, View v, int i, long lng) {
                        // ...
                        // Prepare JSON data to send and call a callback
                        sendUpdate(CHANGED_EVENT, obj, true);
                    }

                    @Override
                    public void onNothingSelected(AdapterView adapter) {
                        // ...
                    }
                });
                // ...
                mDialog.show();
            }
        };
        this.ctx.runOnUiThread(runnable);
        return "";
    }

    // Create a new plugin result and send it back to JavaScript
    private void sendUpdate(int eventType, JSONObject obj, boolean keepCallback) {
        if (this.savedCallbackId != null) {
            // ...
            PluginResult result = new PluginResult(PluginResult.Status.OK, obj);
            Result.setKeepCallback(keepCallback);
            this.success(result, this.savedCallbackId);
        }
    }

    // Parse data received from JS and upate dialog
    protected String updateData(JSONObject data) {
        // Here I need to update some views of mDialog
        // Can't access them from here
    }
}

customdialog.js

var CustomDialog = function() {};
CustomDialog.CHANGED_EVENT = 1;

CustomDialog.prototype.show = function(data) {
    return PhoneGap.exec(this._onEvent, this._onError, 'CustomDialogPlugin', 'show', [data]);
};

CustomDialog.prototype.update = function(data) {
    return PhoneGap.exec(this._onEvent, this._onError, 'CustomDialogPlugin', 'update', [data]);
};

CustomDialog.prototype._onEvent = function(data) {
    if (data.type == CustomDialog.CHANGED_EVENT && typeof window.plugins.CustomDialog.onChange === "function") {
        window.plugins.CustomDialog.onChange(data);
    }
    // ...
};
CustomDialog.prototype._onError = function(data) {
    // ...
};

PhoneGap.addConstructor(function() {
    PhoneGap.addPlugin('customDialog', new CustomDialog());
});

的test.html

// ...
window.plugins.customDialog.onChange = function(data) {
    // ...
    window.plugins.customDialog.update(some_other_data);
}

我尝试在Handler内创建Runnable,并将其调用以处理updateData发送的消息,但显然我做错了。

也许我过于复杂了,有一种更简单的方法可以从JS回调中完成数据更新?

提前谢谢。

2 个答案:

答案 0 :(得分:2)

好的,这是一个最终为我工作的解决方案(使用Post)(函数/返回值的参数与我原来的问题不一样,但这仍然是我询问的函数):

protected void updateData(String data) {
    mMyEdit.post(
        new Runnable() {
            public void run() {
                mMyEdit.setText(data);
            }
        }
);
}

答案 1 :(得分:1)

Android ChildBrowser插件的代码可以帮助您,因为它还可以在PhoneGap插件中打开一个对话框。

https://github.com/phonegap/phonegap-plugins/blob/master/Android/ChildBrowser/src/com/phonegap/plugins/childBrowser/ChildBrowser.java

如果您要在主插件类中引用要更新的视图,则根据您要更新的内容,您应该没问题。