gxt tree grid 绑定数据库

最新推荐文章于 2018-04-27 16:26:00 发布
最新推荐文章于 2018-04-27 16:26:00 发布
阅读量151 收藏
点赞数
分类专栏： GXT 文章标签： 数据结构 Oracle GWT C# C++
学习GXT有一段时间了，今天向大家介绍treeGrid.
相信大家都觉得treeGrid是很简单的吧，但是真的要和数据库整合就不是那么简单的，首先数据库必须保存一个可以形成树的机构。还有最难的就是和Gxt的Treegrid整合了，先来看看一下效果吧。
[img]http://dl.iteye.com/upload/attachment/147416/826afd05-6829-3228-8722-bd5ead431de2.bmp[/img]
这些数据都是从数据库查询的。数据库结构如下：
[img]http://dl.iteye.com/upload/attachment/147421/1aa3cffc-9461-320b-b66a-e7682fdfea6e.bmp[/img]
cid是表主键,pid是Parent Id，也就是一个自我关联的表结构，以便于形成树结构。
POJO对象： 
private int cid;
	private int pid;
	private List<Chapter> children;
	private String lcode;
	private String dorder;
	private String name;
	private int level;

用递归算法查询出树结构的DAO层代码： 

@Override
	public List<Chapter> getAllChapter() {
		List<Chapter> chapters = chapterDAO.getAllChapter();
		for (Chapter c : chapters) {
			setChildren(c);
		}
		return chapters;
	}

	private void setChildren(Chapter c) {
		List<Chapter> allChildren = chapterDAO.getAllChildren(c.getCid());
		if (allChildren != null && allChildren.size() > 0) {
			// 查到子节点
			c.setChildren(allChildren);
			for (Chapter c2 : allChildren) {
				setChildren(c2);
			}
		}
	}


添加或删除的右键效果：
[img]http://dl.iteye.com/upload/attachment/147425/27e78fa5-0d38-3b83-8791-25bfec66055c.bmp[/img]
更新是通过双击一行是想的，由于Treegrid的默认双击是折叠一个树节点，所以重写了onDoubleClick方法，更新的效果：
[img]http://dl.iteye.com/upload/attachment/147438/99c8eaf6-5eff-3600-9aa9-a9fd5640690b.bmp[/img]
GXT客户端的类： 
public class ChapterInfo extends LayoutContainer {

	private ChapterManagerServiceAsync service;
	private BeanModelFactory categoryFactory = BeanModelLookup.get().getFactory(Chapter.class);
	private TreeGridDropTarget target;
	private TreeGrid<BeanModel> treeGrid;
	private TreeStore<BeanModel> store;
	private TreeLoader<BeanModel> loader;
	private ColumnModel cm;
	private Menu contextMenu;
	private RowEditor<ModelData> editor;

	@Override
	public void onRender(Element parent, int index) {
		super.onRender(parent, index);
		setWidth("100%");
		setHeight("100%");
		service = (ChapterManagerServiceAsync) Registry.get(Main.CHAPTER_MANAGER_SERVICE);
		if (service == null) {
			MessageBox box = new MessageBox();
			box.setButtons(MessageBox.OK);
			box.setIcon(MessageBox.INFO);
			box.setTitle("Information");
			box.setMessage("No service detected");
			box.show();
			return;
		}
		defineStore();
		defineColumnModel();

		ContentPanel cp = new ContentPanel();
		cp.setBodyBorder(false);
		cp.setHeading("Chapter");
		cp.setButtonAlign(HorizontalAlignment.CENTER);
		cp.setLayout(new FitLayout());
		cp.setFrame(true);
		cp.setSize("100%", "615");

		treeGrid = new TreeGrid<BeanModel>(store, cm) {
			@Override
			protected boolean hasChildren(BeanModel parent) {
				Chapter pChapter = parent.getBean();
				if (pChapter.getChildren() != null && pChapter.getChildren().size() > 0) {
					return true;
				} else {
					return false;
				}
			}

			@Override
			protected void onDoubleClick(GridEvent<BeanModel> e) {
				if (e.getRowIndex() != -1) {
					fireEvent(Events.RowDoubleClick, e);
					if (e.getColIndex() != -1) {
						fireEvent(Events.CellDoubleClick, e);
					}
				}
			}
		};
		treeGrid.addListener(Events.Attach, new Listener<GridEvent<BeanModel>>() {
			public void handleEvent(GridEvent<BeanModel> be) {
				loader.load();
			}
		});
		treeGrid.setBorders(true);
		treeGrid.setSize(400, 400);
		treeGrid.setAutoExpandColumn("name");
		treeGrid.setTrackMouseOver(false);
		// 行编辑器
		editor = new RowEditor<ModelData>() {
			@Override
			public void stopEditing(boolean saveChanges) {
				super.stopEditing(saveChanges);
				// 如果选择的是保存按钮
				if (saveChanges) {
					Chapter parent = treeGrid.getTreeStore().getLastChild(
							treeGrid.getSelectionModel().getSelectedItem()).getBean();
					service.updateChapter(parent, new AsyncCallback<Integer>() {
						@Override
						public void onFailure(Throwable caught) {

						}

						@Override
						public void onSuccess(Integer result) {

						}
					});
				}
			}
		};
		editor.setClicksToEdit(ClicksToEdit.TWO);
		treeGrid.addPlugin(editor);
		defineContextMenu();
		treeGrid.setContextMenu(contextMenu);
		treeGrid.getStyle().setLeafIcon(IconHelper.createStyle("icon-page"));
		new TreeGridDragSource(treeGrid);
		target = new TreeGridDropTarget(treeGrid) {
			@Override
			protected void onDragDrop(DNDEvent event) {
				super.onDragDrop(event);
				int pid = activeItem.getModel().get("cid");
				int level  = activeItem.getModel().get("level");
				List<ModelData> c = event.getData();
				Chapter child = ((BeanModel) ((ModelData) c.get(0)).get("model")).getBean();
				child.setPid(pid);
				child.setLevel(level+1);
				service.updateChapter(child, new AsyncCallback<Integer>(){
					@Override
					public void onFailure(Throwable caught) {

					}

					@Override
					public void onSuccess(Integer result) {

					}});
			}
		};
		target.setAllowSelfAsSource(true);
		target.setFeedback(Feedback.BOTH);

		cp.add(treeGrid);
		add(cp);
	}

	/**
	 * 定义右键按钮。包括添加和删除Chapter按钮
	 * 
	 * @param editor
	 * @return contextMenu
	 */
	private void defineContextMenu() {
		contextMenu = new Menu();
		contextMenu.setWidth(140);

		MenuItem insert = new MenuItem();
		insert.setText("Insert Item");
		insert.setIcon(Main.IMAGES.add());
		insert.addSelectionListener(new SelectionListener<MenuEvent>() {

			public void componentSelected(MenuEvent ce) {
				if(treeGrid.getSelectionModel().getSelectedItem()==null){
					MessageBox.alert("Alter", "Please select a item!", null);
					return;
				}
				final Chapter parent = treeGrid.getSelectionModel().getSelectedItem().getBean();
				final Chapter chapter = new Chapter();
				chapter.setLevel(parent.getLevel() + 1);
				chapter.setLcode("EN");
				chapter.setName("test");
				chapter.setPid(parent.getCid());
				service.insertChapter(chapter, new AsyncCallback<Chapter>() {
					@Override
					public void onFailure(Throwable caught) {

					}

					@Override
					public void onSuccess(Chapter result) {
						parent.addChildren(result);
						store.add(categoryFactory.createModel(parent), categoryFactory.createModel(result), true);
						treeGrid.setExpanded(categoryFactory.createModel(parent), true);
						int j = treeGrid.getStore().indexOf(categoryFactory.createModel(result));
						editor.startEditing(j, true);
					}
				});
			}
		});
		MenuItem remove = new MenuItem();
		remove.setText("Remove Selected");
		remove.setIcon(Main.IMAGES.delete());
		remove.addSelectionListener(new SelectionListener<MenuEvent>() {
			public void componentSelected(MenuEvent ce) {
				final Chapter item = treeGrid.getSelectionModel().getSelectedItem().getBean();
				BeanModel parent = treeGrid.getTreeStore().getParent(treeGrid.getSelectionModel().getSelectedItem());
				//删除一个parent的Children
				if( parent!=null){
					((Chapter) treeGrid.getTreeStore().getParent(treeGrid.getSelectionModel().getSelectedItem()).getBean())
					.getChildren().remove(item);
				}else{
					treeGrid.getTreeStore().remove(treeGrid.getSelectionModel().getSelectedItem());
				}

				if (item.getChildren() != null && item.getChildren().size() > 0) {
					MessageBox.alert("DeleteChapter", "Please first delete the subnodes", null);
				} else {
					store.remove(treeGrid.getTreeStore().getParent(treeGrid.getSelectionModel().getSelectedItem()),
							treeGrid.getSelectionModel().getSelectedItem());
					service.deleteChapter(item.getCid(), new AsyncCallback<Integer>() {
						@Override
						public void onFailure(Throwable caught) {
							MessageBox.alert("DeleteChapter", "Failure", null);
						}

						@Override
						public void onSuccess(Integer result) {
							MessageBox.alert("DeleteChapter", "Success", null);
						}
					});
				}
			}
		});
		contextMenu.add(insert);
		contextMenu.add(remove);
	}

	/**
	 * 定义列模型和相应编辑器.
	 */
	private void defineColumnModel() {
		ColumnConfig name = new ColumnConfig("name", "Name", 100);
		TextField<String> nameTest = new TextField<String>();
		nameTest.setAllowBlank(false);
		name.setEditor(new CellEditor(nameTest));
		ColumnConfig cid = new ColumnConfig("cid", "Cid", 100);
		ColumnConfig lcode = new ColumnConfig("lcode", "Lcode", 100);

		final SimpleComboBox<String> combo = new SimpleComboBox<String>();
		combo.setName("lang");
		combo.setAllowBlank(false);
		combo.setEditable(false);
		combo.setForceSelection(true);
		combo.setFieldLabel("Lang");
		combo.setForceSelection(true);
		combo.setTriggerAction(TriggerAction.ALL);
		combo.add("KR");
		combo.add("CH");
		combo.add("EN");
		combo.add("JP");

		CellEditor lcodeEditor = new CellEditor(combo) {
			@Override
			public Object preProcessValue(Object value) {
				if (value == null) {
					return value;
				}
				return combo.findModel(value.toString());
			}

			@Override
			public Object postProcessValue(Object value) {
				if (value == null) {
					return value;
				}
				return ((ModelData) value).get("value");
			}
		};
		lcode.setEditor(lcodeEditor);

		ColumnConfig level = new ColumnConfig("level", "Level", 100);
		ColumnConfig dorder = new ColumnConfig("dorder", "Dorder", 100);
		dorder.setEditor(new CellEditor(new TextField<String>()));
		name.setRenderer(new TreeGridCellRenderer<ModelData>());
		cm = new ColumnModel(Arrays.asList(name, cid, lcode, level, dorder));
	}

	/**
	 * 定义数据源
	 */
	private void defineStore() {
		RpcProxy<List<BeanModel>> proxy = new RpcProxy<List<BeanModel>>() {
			@Override
			protected void load(Object loadConfig, final AsyncCallback<List<BeanModel>> callback) {
				if (loadConfig == null) {
					service.getAllChapter(new AsyncCallback<List<Chapter>>() {
						public void onFailure(Throwable caught) {
							callback.onFailure(caught);
						}

						public void onSuccess(List<Chapter> result) {
							callback.onSuccess(categoryFactory.createModel(result));
						}
					});
				} else {
					BeanModel model = (BeanModel) loadConfig;
					callback.onSuccess(categoryFactory.createModel(((Chapter) model.getBean()).getChildren()));
				}

			}
		};
		// tree loader
		loader = new BaseTreeLoader<BeanModel>(proxy) {
			@Override
			public boolean hasChildren(BeanModel parent) {
				if (((Chapter) parent.getBean()).getChildren() != null) {
					return ((Chapter) parent.getBean()).getChildren().size() > 0;
				} else {
					return false;
				}

			}
		};
		store = new TreeStore<BeanModel>(loader);
	}

由于部分代码关系到公司安全，不便于贴出来，希望大家谅解，任何问题可以留言，谢谢。
extremejava
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
EasyUI treegrid json格式生成方法
06-04
编写js方法，将一般的json格式数据转为easyui treegrid使用的json格式 ............
GXT组件使用教程4——Aggregation Grid
03-20
NULL 博文链接：https://rylan.iteye.com/blog/762491
Gxt,包含resource
11-05
GWT，GXT的JAR包以及源代码，需要的朋友可以下载。 谷歌推出的WebUI的JAVA的库。谢谢大家下载
GXT的JAR包
11-16
GWT，GXT的JAR包以及源代码，需要的朋友可以下载。 谷歌推出的WebUI的JAVA的库。
gxt官方api
07-16
gxt3.1sdk，包含文档源码和类库；欢迎下载；欢迎评论；
GXT 下拉树(Combo Tree)基本实现
09-16
GXT 下拉树(Combo Tree)基本实现GXT 下拉树(Combo Tree)基本实现GXT 下拉树(Combo Tree)基本实现GXT 下拉树(Combo Tree)基本实现GXT 下拉树(Combo Tree)基本实现GXT 下拉树(Combo Tree)基本实现GXT 下拉树(Combo ...
TreeGrid 在Asp.net中实现的实例
08-07
TreeGrid 在Asp.net中实现的实例 TreeGrid ASP.net Javascript
MySQL树形查询结果封装成Json格式，返回给easyui treegrid
weixin_34174132的博客
09-01 482
2019独角兽企业重金招聘Python工程师标准>>> ...
GXT之旅：第五章：高级Components(1)——Trees和TreeGrid(1)
miqi770的专栏
01-31 4182
第五章：高级Components 本章我们要基于前几章内容，更深入的学习data-backed components。我们会学习Tree以及如何优化和改进数据的加载和显示等内容。学习如何将Tree的概念应用与Grid。会涉及到Grid的一些高级功能。最后我们要学习menus和toolbars 本章，我们会涉及到如下GXt功能集 TreesBaseTreeModel Tr
java 将数据库中的数据转化为easyUI treegrid json格式
bool的博客
07-30 1111
最近一直和json打交道，对于树形数据我一般都是递归操作。 思路：    /**      * 需求：将数据库中数据转化为json tree数据格式      * 步骤：1.将数据通过id找到父子关系，建立tree      *         2.将tree转换为json格式      * 需要写两个递归函数      */ 代码： public static Ma
Easyui TreeGrid数据源
weixin_30571465的博客
04-27 122
Easyui TreeGrid数据源 一：基础Json数据格式(多层次) [{ "id":1, "name":"C", "size":"", "date":"02/19/2010", "children":[{ "id":2, "name":"Progr...
GXT之旅：第五章：高级Components(1)——Trees和TreeGrid(2)
miqi770的专栏
02-01 4666
TreeGrid TreeGrid将Trees和Grids的功能结合在一起。整体上看是由多个columns组成的Grid，但是内容上看，支持显示树目录结构的数据。 他和TreePanel一样，使用的Store也是TreeStore，ModelDate也是BaseTreeModel。 TreeGridCellRenderer TreeGridCellRenderer实现了Gr
switch(runFlag){ case 1: if(ax1.size()>=byteSize){breakIndex=0; break;} if(breakIndex++<breakByteSize){ break; } singleGyro1.add(Double.parseDouble(singleGyro)); ax1.add(Double.parseDouble(axT)); ay1.add(Double.parseDouble(ayT)); az1.add(Double.parseDouble(azT)); gx1.add(Double.parseDouble(gxT)); gy1.add(Double.parseDouble(gyT)); gz1.add(Double.parseDouble(gzT)); indexTemp1.add(Integer.parseInt(index)); break;
最新发布
06-02
这段代码是一个 switch 语句，根据变量 runFlag 的值来执行不同的操作。在 case 1 中，程序首先判断列表 ax1 的长度是否大于等于 byteSize，如果是，则跳出 switch 语句；否则，程序会检查一个名为 breakIndex 的...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值