1

我有一个所见即所得编辑器（TinyMCE）的简单包装器。我正在使用 JSNI 从 Javascript 调用 Java 实例方法 (onClick)。然而，无论创建它的编辑器如何，Java onClick 方法总是在同一个 Java 实例（最后一个创建的）上被调用。

        private SimplePanel panel;
        private TextArea ta;
        private String id;

        public TinyMCE(AbstractTinyMCEConfiguration config) {       
            id = HTMLPanel.createUniqueId();
            ta = new TextArea();
            ta.getElement().setId(id);
                panel = new SimplePanel();
            panel.add(ta);
            initWidget(panel);
            init(config);
        }

        protected native void init(AbstractTinyMCEConfiguration conf) /*-{
            var ins = this;
            $wnd.tinyMCE.init({
                    // General options
                    mode : conf.@com.chip.tinymce.client.AbstractTinyMCEConfiguration::getMode()(),
                    setup : function(ed) {
                        ed.onClick.add(function(ed,e) { 
                            alert(ed.id);
                            ins.@com.chip.tinymce.client.TinyMCE::onClick(Lcom/google/gwt/dom/client/NativeEvent;)(e);
                        }); 
                    }
                }); 
        }-*/;

        private void onClick(NativeEvent e) {
            GWT.log("onClick " + id);
            ClickEvent.fireNativeEvent(e, this);
        }

我不确定是否可以从另一个函数内的 Javascript 函数调用 Java 方法。也许这解释了我的问题......或者我错过了一些东西。谢谢你的帮助。

4

1 回答 1

3

我认为 TinyMCE 为所有编辑器提供了一个共享配置，这就是问题所在。

如果共享配置，将配置交给构造函数可能没有多大意义......

为什么不添加一个将 id 映射回 Java 实例的静态映射，例如

    // ....
    private static Map<String, TinyMCE> idMap = new HashMap<String, TinyMCE>();

    public TinyMCE() {       
        // ...
        idMap.put(id, this);
    }

    // call this from Javascript with (ed.id, e)
    private static void onClick(String id, NativeEvent e) {
      idMap.get(id).onClick(e);
    }
于 2012-10-15T23:26:16.803 回答