2

Twitter Bootstrap X-Editableを使用して ListBox として「編集可能」にされた TextBox 上の項目のリストを提供する JSNI メソッドを実行する必要があります。

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
            });
        }
    );          
}-*/;

問題は次のとおりです。

  • リストをJavascriptリストに変換する必要があります
  • ソースはアイテムを取得していないようです$wnd.items

アプリケーションを実行すると、GWT TextBox はX-Editableになりますが、アイテムのリストは表示されません。

4

2 に答える 2

4

少し短い変換コード:

private static JsArrayString createJsArrayString(List<String> list) {
    JsArrayString jsArray = (JsArrayString) JsArrayString.createArray();
    for (String string : list) {
        jsArray.push(string);
    }
    return jsArray;
}
于 2014-07-15T12:56:15.377 に答える