Implementierungsfunktion: Implementierungstabelle T Ziehen und Speichern der geänderten Ebene aufgrund des Ziehens.
JSP -Code
<div id = "maincontainer"> <div> <div id = "b_center"> <div id = "startdetail-table"> <div> <h2 style = "margin-bottom: 0px; margin-top: 0px; Höhe: 43px; Line-Height: 43PX; id = "addlg" type = "button"> <img src = "/center/bils/btn_add.png"> Menü hinzufügen </button> </div> <br> <div> <table cellpacing = "0" id = "präsentable" style = "wort-wrap: breakword; wort-break: break-ALL; <th style="text-align: center;width:10%;">number</th> <th align="center" style="text-align: center;width:17%">menu name</th> <!-- <th align="center" style="text-align: center">menu level</th> <th align="center" style="text-align: center">menu level</th> <th align="center" style = "text-align: center"> Menü zweiter Ebene </th>-> <th align = "center" style = "text-align: center; width: 18%"> MENU ENGLISCHER NAME </TH> <TH Align = "Center" style = "text-align: center; width: 15%"> Menü Typ </th> <th Align = "mitte" style "style" style = "style", "mitte" style "," mitte "style" style ". angezeigt </th> <th align = "center" style = "text-align: center; width: 20%"> operation </th> </tr> </thead> <tbody id = "data-list" style = "text-align: center;"> <% if (Menulist! JsonObject json = Menulist.getJsonObject (i); Menümenü = (Menü) jsonObject.tobean (json.getJsonObject ("Menü"), Menü.Class); %> <tr id = "<%= Menü.GetLevel ()%>"> <td id = "<%= Menü.GetMenuid ()%>"> <%= Menü <div> <%= Menü.GetEnMenuname () == NULL? "": Menü.GetEnMenuname ()%> </div> </td> <!-<td> <div> <%// if (Menü.Gethassecond () == 1) {%> IGBEL-Menü "%> ig {%> ig. <td> <div> <%// if (json.getString ("ischild"). Equals ("1") {%> <a href = "javaScript: void (0)" rel = "external nofollow" rel = "externe nofollow" rel = "external nofollow" onclick="getChildMenu('<%//menu.getMenuId()%>')">View</a><%//} else{%>None<%//}%></div> </td> --> <td> <div><%if(menu.getMenuType() == 0){%>System type<%}else if(menu.getMenuType() == 1) {%> Texttyp <%} else {%> Verbindungstyp <%}%> </div> </td> <td> <%if (Menü.GetState () == 0) {%> <button type = "button" button "button" button ". type="button" style="background: #eaeaea;color: #d0d0d0;">Hide</button> <%}else{ %> <button type="button" style="background: #eaeaea;color: #d0d0d0;">Show</button> <button type="button" onclick="changeMenuState('<%=menu.getMenuName() %> ', <%= Menü.GetMenuid ()%>, 0) "> Hide </button> <%}%> </td> <td> <%if (Menü.GetMenutype ()! rel = "externer nofollow" style = "color: rot; width: 30px; Anzeige: Inline-Block;" id = "<%= Menü Nofollow "style =" Farbe: Rot; Breite: 30px; Anzeige: Inline-Block; " id="<%=menu.getMenuId()%>"> </a> </div> <%} %> </td> </tr> <% } } else { %> <tr> <td colspan="6" align="center"> No data yet</td> </tr> <% } %> </tbody> </table> </div> <div> <div></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div style = "Höhe: 50px; Zeilenhöhe: 50px;"> <div style = "display: keine;"> <a href = "#" rel = "external nofollow" rel = "external nofollow" rel = "external nofollow" <a href = "#" rel = "externe nofollow" rel = "externe nofollow" rel = "externe nofollow" rel = "externe nofollow" rel = "externe nofollow"> weibo </a> | <a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow "rel =" externer nofollow "rel =" externer nofollow "rel =" externe nofollow "rel =" externe nofollow "rel =" externe nofollow "rel =" external nofollow "rel =" externe nofolhold "rel =" externe nowlow "rel =" extern nOlowfollown "extern" extern "extern" extern "extern. rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow "rel =" externe nofollow "nofollow"> Blog </a> | nofollow "rel =" externer nofollow "> Datenschutzrichtlinie </a> </div> <p> Incongress.com, alle Rechte vorbehalten. src = "/cvc/center/js/cached_lay_reports_cus.js" type = "text/javaScript"> </script> <div id = "mask"> </div> <div id = "addlogo" style = "display: keine; z-Index: 12; style = "Schriftgröße: 16px; Margin-Left: 20px; Farbe: #fff; Margin-Top: -5px;" id = "gn_title"> Menü hinzufügen. %>/webcenter.do "> <Eingabe type =" Hidden "name =" methode "value =" SaveORUpDatemEnu "> <Eingabe type =" Hidden "name =" pageIndex "value =" 1 "> <Eingabe -Typ =" Hidden "name =" conid "value =" < %= conid %> "< %> <Eingabe -Typ =" HIDDE ". type="hidden" name="numb2" value="<%=numb2 %>"> <input type="hidden" id="menuId" name="menuId" value="-1"> <table> <tr > <td><span >Menu Name</span></td> <td><input type="text" id="menu_name" name="menuName" style="margin:10px 0px; Anzeige: Inline-Block; Höhe: 34px; "/> <span> </span> </td> </tr> <!-<tr> <td> Menüstufe: </td> <td> <select id =" mseu_Level "name =" mseu_Level "style =" margin: 10px 0px 0px "> <option ="-1 "-1"-1 "option". Menü </option> <option value = "2"> Menü der zweiten Ebene in der zweiten Ebene </option> </select> <span> </span> </td> </tr> <tr id = "mseu_parent_tr" style = "display: keine Wählen Sie ... </option> </select> <span> </span> </td> </td> </tr>-> <tr> <td> Menüentyp </td> <td> <select id = "Menutype" name = "menutype" style = "margin: 10px 0px; Anzeige: Inline-Block; Width: 350PX; value = "1"> Bildtyp </option> <Option value = "2"> Verbindungsart </option> </select> </td> </tr> <tr id = "imgtext" style = "display: Keine"> <td> Textinhalt </td> <td> <textarea rows = "45" cols = " style = "Anzeige: Inline-Block;"> </textArea> </td> </td> <tr id = "linktr" style = "display: none"> <td> Sprungadresse </td> <td> Bitte füllen Sie die vollständige externe Linkadresse aus, die <Pan-Style = "Farbe: Red"> http: // <// <// <// <// <// <// <// <// <//span> für for-für> für für for-span> für for-für> für fortzusetzen muss. example:http://www.baidu.com</br><input type="text" id="menuUrl" name="menuUrl" style="margin:10px 0px"/><span style="margin:10px 0px"></span></td> </tr> <tr> <td align="center" colspan="2"> <hr style="margin-bottom:10px;"> <input id="menu_add" type="button" value="add" style="border-radius:0;width:260px;height:40px;margin:auto 50px;margin:20px"/> </td> </tr> </table> </form> </div> </div> </div> </div> <div id = "Childmenu" style = "display: keine; z-Index: 12; Breite: 650px; Höhe: Auto; Margin-Links: -325px;"> <div id = "childz"> <div style = "margin-top: -40px;"> <span style = "font-size: 16px; id = "gn_title"> Menü der zweiten Ebene </span> <a id = "close_modal"> </a> </div> <div id = "registerDiv"> <table cellpacing = "0" style = "wort-wrap: break-word; WORT-BREAK: Break-All; TABLE-LAYOUT: Inherit; "> <Thead> <tr> <th style =" text-align: center Menü </th> <th align = "center" style = "text-align: center"> Menüentyp </th> <th align = "center" style = "text-align: center"> modifizieren </th> <th align = "center" style = "text-align: center src="<%=path %>/cvc/center/js/My97DatePicker/WdatePicker.js"></script> <script src="<%=path%>/cvc/center/js/setting.js" type="text/javascript"></script> <script src = "<%= path%>/cvc/center/js/validForm_v5.3.2.js" type = "text/javaScript"> </script> <script charset = "utf-8" src = "<%= path%>/train/js/prettify/sorteditor.js"> </script> </script> <script> <script> <script> <script> <script> <script> <script> <script> <script> <script> <script> <script> <script> <script> <script> <script> <script> <script> <script> <script> <script> <script> </script> <script = "utf-8" utf-8 "utf- src = "<%= path%>/train/js/prettify/lang/zh_cn.js"> </script> <script charset = "utf-8" src = "<%= path%>/train/js/prettify/plugins/code/code.js"> </script> <script type = "text/javascript" %>/cvc/center/js/jquery-1.10.2.min.js"></script> <script charset="utf-8" type="text/javascript" src="<%=path %>/cvc/center/js/jquery-1.10.2.min.js"></script> <script charset="utf-8" type="text/javascript" src = "< %= path %>/center/js/jQuery-ui.min.js"> </script> <script> var editor1; */if (Menuname == "English") {alert ("Bitte gehen Sie zum grundlegenden Informationsmodul, um den aktuellen chinesischen und englischen Konferenztyp zu setzen");} else {$ .ajax ({url: "/webcenter if (json.state == 1) {window.location.reload (); Animation Stop: Funktion (Ereignis, UI) {// Nach dem Aktualisieren der Sortierkategorie = $ ("#Showtable"). Sortable ("toArray"); 1;}) Level = 0; 1) {Inhalt += "Ebene:" Inhalt; URL: "<%= Path%>/webcenter $ ("#mseu_Level"). ändern (function () {$ ("#mseu_Parent"). leer (); $ ("#mseu_Parent"). append ("<option value = '-1'> Bitte auswählen ... </option>") var Level = $ ("#mseu_Level"). Val (). 2) {$ .ajax ({url: "<%= path%>/webcenter.do?getFirstMenu", Typ: "get", DataType: "JSON", Erfolg: Funktion (Ergebnis) {if (result! = Null && result! value = '"+result [i] .menuid+"'> "+result [i] .Menuname+" </option> "Konsole.log (Option) $ ("#mseu_Parent "). Append (Option);}} else {alert (" No Level wurde noch erstellt, erstellen das erste Level vor dem Erstellen des Kopfhörer -Menüs.). }}) // Wählen Sie den grafischen Typ $ ("#menutype"). Änderung (function () {if ($ ("#Menutype"). Val () == 1) {$ ("#imgtexttr"). Show (); $ ("#linktr"). if ($ ("#Menutype"). Val () == 2) {$ ("#imGTexttr"). Hide (); $ ("#Menü_Name"). Val (); Falsch; Inhalt "); return false;}} if ($ ("#menutype "). val () == 2) {if (msesurl.trim () ==" "|| muserUrl.trim (). Länge == 0) {alert (" Bitte geben Sie die Sprungadresse ein;) zurück. $ ("#MenuId") $ ("#addlg"). click (function () {$ ("#mask"). show (); $ ("#addlogo"). show ();}) // abbrechen $ (". Tk1_Header"). click (function () {location.reload ();}) $ ("#class). Click (function (). $ ("#zshref"). Val (""); $ ("#Addlogo"). Show (); Erfolg: function (data) {$ ("#mseu_name"). editor1.html (Data.Content); }}%>Aktionscode
@RequestMapping (params = "updateMenulevel", method = requestMethod.post) public void updatemEnlevel (String -Menulist, httpServletRequest -Anfrage, httpServletResponse -Antwort) {try {httpSession Session = this.getSasion (Request); Adminuser adminuser = session.getAttribute ("CenterAdminuser") == NULL? NULL: (adminuser) Sitzung.getAttribute ("CenterAdminuser"); if (adminUSer == null) {try {response.sendredirect (request.getContextPath ()+"/center/index.jsp"); } catch (Ausnahme e) {e.printstacktrace (); }} else {String conid = request.getSession (). getattribute ("conid") == null? null: request.getSession (). getAtTribute ("conid"). toString (); if (conid == null) {response.sendredirect (request.getContextPath ()+"/center/index.jsp"); } JsonArray array = jsonArray.fromObject (Menulist); für (int i = 0; i <array.size (); i ++) {jsonObject json = array.getJsonObject (i); Menümenü = WebService.getMenubyid (json.getInt ("MenuId")); Menü.SetLevel (json.getInt ("Level")); WebService.SaveObject (Menü); }}} catch (exception e) {e.printstacktrace (); }Das obige Beispiel für das Ziehen von Java -Implementierungstabelle T ist der gesamte Inhalt, den ich mit Ihnen geteilt habe. Ich hoffe, Sie können Ihnen eine Referenz geben und ich hoffe, Sie können wulin.com mehr unterstützen.