La réponse en ligne indique que c'est parce que Facile-UI devrait supprimer le style de classe dans la version inférieure et écrire URL en JavaScript. S'il y a une URL en classe, il y a aussi une URL en JavaScript, qui actualisera la page deux fois, mais mon problème n'a pas été résolu après le test. Plus tard, j'ai finalement trouvé le problème à travers des tests répétés.
<ul id = "eva" style = "font-size: 25px;"> </ul>
Parce que j'ai écrit du style sur la page, la suppression du style dans le style peut résoudre le problème. Maintenant, j'attache l'arborescence dynamique AJAX complète et le code de table de grille.
<html> <éad- head> <itle> arbre </ title> <link href = "../../ contenu / jqeasyui / themes / default / easyui.css" rel = "Stylesheet" type = "text / css" /> <link href = "../../ contenu / jqeasyui / themes / icon.css" Rel = "StyleSheet" /> <Script / Script " src = "../../ scripts / jQuery-1.4.4 type = "text / javascript"> </ script> <script src = "../../ scripts / easyui-lang-zh_cn.js" type = "text / javascript"> </ script> <script type = "text / javascript"> var nodeText; VAR TEMPS; var arbreeva; $ (function () {InitTable (); $ ("# selectform"). css ("affiche", "aucun"); bindSearchClick (); $ ('# eva'). Tree ({url: '/ oee / gettree', méthode: 'get', animate: true, casse: casse: true});}); // Initialize the Table Fonction InitTable () {$ ('# TT'). DataGrid ({URL: '/ oee / Details', Titre: 'Oee', Width: 700, Height: 360, FitColumns: True, Idfield: 'Fid', Loadmsg: 'Les informations sur le dispositif sont chargées ...', Pagination: True, SingleSelect: FACT PageList: [10, 20, 30], QueryParams: {// Le paramètre à passer dans nodeResult: novetext, selectTime: $ ('# selecttime'). Datebox ('GetValue')}, colonnes: [// // {eid, Etypename, thentypeInfotid, Etypenum} {champ Align: "Center"}, {field: 'name', titre: 'deltimeoee', titre: 'name', width: 80, align: "Center"}, {field: 'Endledtimeoee', Title: 'Endledtimeoee', width: 80, Align: "Center"}, {field: 'middletimeoee', title: 'noon oee', width: 88 Field: 'plus tardtimeoe', titre: 'Night Timeoee', Width: 80, Align: "Center"}, {Field: 'Delflag', Title: 'Operation', Width: 80, Align: 'Center', Formatter: Function (Value, Row, index) {var str = "<a fid = '" + row.fid +' 'class =' selectInfo ' href = 'JavaScript: void (0)'> Détails </a> "; retour STR; }}]], onHeaDerConTextMenu: fonction (e, champ) {}, onloadsuccess: function (data) {$ (". selectInfo"). unstind ("click"); $ (". SelectInfo"). Bind ("click", function () {doselect ($ (this) .attr ("fid"), time); return false;}); }}); } fonction doselect (fid, time) {var reg = new regexp ("-", "g"); var strobj = fid.toString (); var newstr = strobj.replace (reg, "$"); $ ('# SelectFrame'). Att ('src', '/ oee / getSelectInfo /' + fid + '/' + time); $ ('# Selectform'). Css ('affiche', 'block'); $ ('# Selectform'). Dialog ({width: 470, height: 470, modal: true, titre: "show details", effondrement: true: minimal: true, maxizable: true, resizable: true, boutons: "id: 'btnselect', text:` `ok '', iconcls: 'icon-add', handler: fonction () ant $ ("# Selectform"). Dialog ("close");}}]}); } // Bonne l'événement de clic de la fonction de requête de recherche binkSearchClick () {// linkButTonsearch $ ("# linkButTonsearch"). Cliquez sur (fonction () {var nœuds = $ ('# eva'). Tree ('Getchecked'); vari + = nœuds [i] .id;} NODETEXT = s; } </ script> </ head> <body> <div> <div> <div> <div style = "margin: 23px 0;"> </ div> <div style = "padding: 5px; border-radius: 5px;"> <ul id = "eva"> </ul> </iv> </v> <div id = "droite"> <div id = "Query"> Query Time: Time: <pover nom " id = "selecttime" /> <a id = "linkButTonsearch" href = "javascript: void (0)" data-options = "iConcls: 'icon-search'"> requête </a> </v> <table id = "tt" iconcls = "icon-edit"> </pall src = "JavaScript: void (0)" frameborder = "0"> </ iframe> </div> </div> </div> </div> </ body> </html>