Maison > interface Web > js tutoriel > le corps du texte

EasyUI implémente une arborescence asynchrone dans jquery_jquery

WBOY
Libérer: 2016-05-16 16:12:00
original
985 Les gens l'ont consulté

Le frontend est implémenté à l'aide d'EasyUI. EasyUI transmet un paramètre id au backend.

Lors du premier chargement, l'identifiant passé en arrière-plan est nul.

Chaque fois que le nœud de l'arborescence est développé, l'identifiant du nœud actuel sera transmis à l'arrière-plan.

Couche de contrôle :

Copier le code Le code est le suivant :

/**
  *arbre
 */
@RequestMapping(value = "/tree.do")
public void mytree (réponse HttpServletResponse, identifiant de chaîne) {
This.writeJson(response, bookService.getChildrenTree(id));
>

Couche de service :

Copier le code Le code est le suivant :

@Transactionnel
@Override
liste publique getChildrenTree(String pid) {
essayez {
Résultat Liste = nouveau ArrayList();
//Obtenir la liste des nœuds enfants
Liste childrenList = this.getChildrenType(pid);
if (childrenList != null && childrenList.size() > 0) {
pour (enfant TBookType : childrenList) {
// Obtenez le nombre de petits-enfants
Compte long = bookDao.getChildrenCount(String.valueOf(child.getId()));
Nœud d'arbre = 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");
//Enregistrez les données childrenList dans l'arborescence une par une
result.add(node);
>
>
Retourner le résultat ;
} catch (Exception e) {
throw new BusinessException("Une erreur s'est produite lors de l'obtention des données de type de livre !", e);
>
>

Couche Dao :

Copier le code Le code est le suivant :

@Override
liste publique getChildrenType(String pid) {
//Le pid de ceci est l'identifiant du nœud actuellement développé, et le nœud enfant est obtenu via l'identifiant du nœud parent
StringBuilder sqlstr = new StringBuilder();
si (StringUtils.isBlank(pid))
sqlstr.append("select * from booktype btwhere bt.pid=0");
d'autre
sqlstr.append("select * from booktype bt où bt.pid=" pid );
Renvoyez this.search2(TBookType.class, sqlstr.toString());
>

Copier le code Le code est le suivant :

@Override
public long getChildrenCount (String pid) {
//Le pid de ceci est l'identifiant du nœud actuellement développé, et le nombre de nœuds enfants est obtenu via l'identifiant du nœud parent
StringBuilder sqlstr = new StringBuilder();
si (StringUtils.isBlank(pid))
sqlstr.append("select count(*) from booktype tb où tb.pid='0'");
d'autre
sqlstr.append("select count(*) from booktype tb où tb.pid='" pid "'");
Renvoyez this.count(sqlstr.toString());
>

Ce qui précède est tout le code de cet article sur l'implémentation d'arbres asynchrones par EasyUI. J'espère qu'il sera utile à tout le monde

.
Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!