オンラインの答えによると、Easy-UIは下位バージョンのクラススタイルを削除し、JavaScriptにURLを書き込む必要があるからです。クラスにURLがある場合、JavaScriptにもURLがあり、ページが2回更新されますが、テスト後に問題は解決されませんでした。その後、繰り返しテストで問題を発見しました。
<ul id = "eva" style = "font-size：25px;"> </ul>
私はページにスタイルを書いたので、スタイルのスタイルを削除することで問題を解決できます。次に、完全なAJAXダイナミックツリーとグリッドテーブルコードを添付します。
<html> <head> <title> tree </title> <link href = "../../ content/jqeasyui/themes/default/easyui.css" rel = "styleSheet" type = "text/css"/> <link href = "../../ content/jqeasyui/themes/themes src = "../../ scripts/jquery-1.4.4.min.js" type = "text/javascript"> </script> <script src = "../../ scripts/jquery.unobtrusive-ajax.js" type = "text/javascript"> </script src = "../ type = "text/javascript"> </script> <script src = "../// scripts/easyui-lang-zh_cn.js" type = "text/javascript"> </script> <スクリプトタイプ= "text/javascript"> var nodeText; var time; var treeeva; $（function（）{inittable（）; $（ "＃selectform"）。css（ "display"、 "none"）; bindsearcheclick（）; $（ '＃eva'）。tree（{url： '/oee/gettree'、method： 'get'、animate：true、checkbox：true}）; // table function inittable（）{$（ '＃tt'）。datagrid（{url： '/oee/details'、title： 'oee'、width：700、height：360、fitcolumns：true、idfield： 'fid'、loadmsg： 'device device is loading：'、pagineRect：1、false、fals、fals、fiel PageList：[10、20、30]、QueryParams：{// Noderesultで渡されるパラメーター：nodetext、selecttime：$（ '＃selecttime'）。datebox（ 'getValue'）}、列： Align： "center"}、{field： 'name'、title： 'deltimeoee'、title： 'name'、width：80、align： "center"}、{field： 'erilytimeoee'、width：80、align： "center"}、{field： 'middletimeoee'、 "neon oee '、"フィールド： 'LaterTimeoee'、title： 'night timeeee'、width：80、align： "center"}、{field： 'delflag'、title： 'operation'、width：80、align： 'center'、formatter：function（value、index）{var str = "<a fid = '" + row.fid + " href = 'javascript：void（0）'>詳細</a> "; strを返します。 }}]、onheadercontextmenu：function（e、field）{}、onloadsuccess：function（data）{$（ "。selectinfo"）。unbind（ "click"）; $（ "。selectinfo"）。bind（ "click"、function（）{doselect（$（this）.attr（ "fid"）、time）; return false;}）; }}）; }関数doselect（fid、time）{var reg = new regexp（ " - "、 "g"）; var strobj = fid.toString（）; var shuldstr = strobj.replace（reg、 "$"）; $（ '＃selectframe'）。 $（ '＃selectform'）。css（ 'display'、 'block'）; $（ '＃selectform'）。ダイアログ（{width：470、height：470、modal：true、title：show details "、collapse：true、minimal：true、maximizable：true、resizable：true、bottons：[{id： 'btnselect'、text： 'ok'、iconcls： 'icon-add'、handler： $（ "＃selectform"）。ダイアログ（ "close"）}}）; } //検索クエリfunction bindsearcheclick（）{// linkbuttonsearch $（ "＃linkbuttonsearch"）のクリックイベントBindsearcheclick（）。 '、s += nodes .id} } </scrip> </head> <body> <div> <div> <div> <div> div style = "マージン：23px 0;"> </div> <div style = "padding：5px; border-radius：5px;"> <ul id = "eva"> </ul> </div> </div> <div = "div"> <div div id = "< id = "SelectTime"/> <a id = "linkbuttonsearch" href = "javascript：void（0）" data-options = "iconcls： 'icon-search'"> query </a> </div> <table id = "tt" iconcls = "icon-edit"> </table> <did <div div id "> < src = "javascript：void（0）" frameborder = "0"> </iframe> </div> </div> </div> </div> </body> </html>