gxt tree ComboBox 问题

0 0

gxt tree ComboBox 问题5

本人尝试自己创建一个gxt treeComboBox控件,思路是参照ext treecombobox遇到了困难，困难是TreePanel已经显示出来，但无法点击树的节点,点击后下位框自动关闭gxt版本是:2.1
代码是:
public class TreeSelector extends ComboBox {
    TreePanel tree;

    public TreeSelector(String topColumnId, String topColumnName) {
        List<ModelData> result = new ArrayList<ModelData>();
        ModelData md = new BaseModelData();
        md.set("id", "");
        md.set("value", "");
        result.add(md);
        ListStore<ModelData> store = new ListStore<ModelData>();
        store.add(result);
        this.setStore(store);
        this.setSelectedStyle("");
        this.setFieldLabel(LangUtil.getString("所在地区"));
        this.setShadow(false);
        this.setEditable(false);
        this.setMaxHeight(200);
        //this.setDisplayField("name");

        this.setTriggerAction(ComboBox.TriggerAction.ALL);
        this.setSimpleTemplate("<tpl for='.'><div style='height:200px'><div id='tree1'></div></div></tpl>");
        createTeePanel(topColumnId, topColumnName);
        bind();
    }

    private void createTeePanel(String topColumnId, String topColumnName) {
        String treeLoadUrl = "../modules/base/selectColumnLoad.jsp";
        treeLoadUrl = treeLoadUrl + "?topColumnId=" + topColumnId;
        RequestBuilder builder = new RequestBuilder(RequestBuilder.POST, treeLoadUrl);
        builder.setHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8");
        HttpProxy proxy = new HttpProxy(builder);

        ModelType type = new ModelType();
        type.setRoot("records");
        type.setTotalName("total");
        type.addField("id");
        type.addField("title");
        type.addField("name");
        type.addField("parent");
        type.addField("columntype");
        type.addField("hasChildren");
        type.addField("icon");

        JsonReader reader = new JsonReader(type);

        TreeLoader loader = new BaseTreeLoader(proxy, reader) {
            public boolean hasChildren(ModelData parent) {
                return true;
            }
        };

        TreeStore<BaseModelData> store = new TreeStore<BaseModelData>(loader);
        store.setKeyProvider(new ModelKeyProvider<BaseModelData>() {
            public String getKey(BaseModelData model) {
                return model.<String>get("id");
            }
        });
        BaseModelData rootNode = new BaseModelData();
        rootNode.set("id", topColumnId);
        rootNode.set("name", topColumnName);
        //store.add(rootNode, true);
        tree = new TreePanel<BaseModelData>(store);
        tree.setDisplayProperty("name");
        TreeStyle treeStyle = new TreeStyle();
        treeStyle.setLeafIcon(GXT.IMAGES.grid_columns());
        tree.setStyle(treeStyle);

    }



    private void bind() {

        this.addListener(Events.Expand, new Listener<FieldEvent>() {
            public void handleEvent(FieldEvent fieldEvent) {
                try {
                    tree.render(DOM.getElementById("tree1"));
                } catch (Exception e) {
                    MessageBox.alert(LangUtil.getString("系统消息"), e.getMessage(), null);
                }
            }
        });



        tree.getSelectionModel().addSelectionChangedListener(new SelectionChangedListener() {
            @Override
            public void selectionChanged(SelectionChangedEvent selectionChangedEvent) {
                ModelData m = selectionChangedEvent.getSelectedItem();
                MessageBox.alert(LangUtil.getString("系统消息"), "---" + m, null);
            }
        });

    }
}

GWT