EasyUI は jquery_jquery に非同期ツリーを実装します

フロントエンドは EasyUI を使用して実装されます。EasyUI は ID パラメーターをバックエンドに渡します。

初めてロードするとき、バックグラウンドに渡される ID は null です。

ツリー ノードが展開されるたびに、現在のノードの ID がバックグラウンドに渡されます。

コントロール層:

コードをコピーします コードは次のとおりです:

/**
  * 木
 */
@RequestMapping(value = "/tree.do")
public void mytree(HttpServletResponse 応答, String id) {
This.writeJson(response, bookService.getChildrenTree(id));
}

サービス層:

コードをコピーします コードは次のとおりです:

@トランザクション
@オーバーライド
public List getChildrenTree(String pid) {
{
を試してください リスト<ツリー> 結果 = new ArrayList<ツリー>();
//子ノードのリストを取得します
ListchildrenList = this.getChildrenType(pid);
if (childrenList != null &&childrenList.size() > 0) {
for (TBookType child : ChildrenList) {
// 孫の数を取得します
長いカウント = bookDao.getChildrenCount(String.valueOf(child.getId()));
ツリーノード = new Tree();
Node.setId(String.valueOf(child.getId()));
Node.setPid(String.valueOf(child.getPid()));
Node.setText(child.getName());
Node.setChildren(null);
node.setState(count > 0 ? "closed" : "open");
//childrenList データを 1 つずつツリーに保存します
result.add(node);
}
}
結果を返します
} catch (例外 e) {
throw new BusinessException("書籍タイプのデータの取得中にエラーが発生しました!", e);
}
}

Dao レイヤー:

コードをコピーします コードは次のとおりです:

@オーバーライド
public List getChildrenType(String pid) {
// this の pid は現在展開されているノードの id であり、子ノードは親ノードの id を通じて取得されます
StringBuilder sqlstr = new StringBuilder();
if (StringUtils.isBlank(pid))
sqlstr.append("select * from booktype bt where bt.pid=0");
それ以外
sqlstr.append("select * from booktype bt where bt.pid=" pid );
return this.search2(TBookType.class, sqlstr.toString());
}

コードをコピーします コードは次のとおりです:

@オーバーライド
public long getChildrenCount(String pid) {
//この pid は現在展開されているノードの id であり、子ノードの数は親ノードの id から取得されます
StringBuilder sqlstr = new StringBuilder();
if (StringUtils.isBlank(pid))
sqlstr.append("select count(*) from booktype tb where tb.pid='0'");
それ以外
sqlstr.append("select count(*) from booktype tb where tb.pid='" pid "'");
return this.count(sqlstr.toString());
}

上記は、非同期ツリーを実装する EasyUI に関するこの記事のすべてのコードです。