使用JSNI将List <String>转换为Javascript

Question

需要做一个JSNI方法,它将在TextBox上提供一个项目列表,使用Twitter Bootstrap X-Editable作为ListBox"可编辑" :

public static native void makeEditableList(Element el /*, List<String> items*/)/*-{
    $wnd.items=[];
    $wnd.$.each({"BD": "Bangladesh", "BE": "Belgium", "BF": "Burkina Faso", "BG": "Bulgaria"}, 
        function(k, v) {
        $wnd.items.push({id: k, text: v});
    }); 
    $wnd.$(function(){      
            $wnd.$.fn.editable.defaults.mode = 'inline';
            $wnd.$(el).editable({
                inputclass: 'input-large',
                source: $wnd.items
            });
        }
    );          
}-*/;

问题是:

• 需要将List转换为Javascript列表
• 来源似乎没有从中获取项目 $wnd.items

很好,当我运行应用程序时,GWT TextBox变为X-Editable但它不显示项目列表.

Answer 1

要将List转换为javascript列表,您可以使用以下代码:

private JavaScriptObject convertListToJsList(List<String> list){
    JavaScriptObject jsListObject = createJsListObject();
    for (String stringToAdd : list){
        addStringElement(jsListObject, stringToAdd);
    }
    return jsListObject; 
}


private native JavaScriptObject createJsListObject()/*-{
    return [];
}-*/;

private native void addStringElement(JavaScriptObject jsListObject, String stringToAdd)/*-{
    jsListObject.push(stringToAdd);
}-*/;

然后你可以把它传递给

public static native void makeEditableList(Element el /*, List<String> items*/, JavaScriptObject list)

并像javascript列表一样使用它.有点矫枉过正,但它确实有效.