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になりますが、アイテムのリストは表示されません。