Die für das nächsten dynamischen Eingangsformular angesammelten Informationen sind sehr gut. Lassen Sie es mich für Ihre Referenz mit Ihnen teilen. Wenn es bessere Plug-Ins und Enkapsationen gibt, teilen Sie es bitte mit. .
Der Schlüsselcode lautet wie folgt:
<script type = "text/javaScript"> var curralActiverow; // SELECTED COLOR VAR CustomTable = function () {}; CustomTable.Prototype = {init: {ajaxUrl: "", TID: "tbody", delmsg: "Bestätigen Sie, es zu löschen?"}, Ajax: Funktion (Params, Rückruf) {var that this this = this this. that.init.ajaxurl, Daten: Params, Erfolg: Argumente [1] || Funktion () {}, Fehler: Argumente [2] || "getbookbag", random: math.random ()}; var sug = function (data) {if (daten.ISSUCCESS === 1) {} else {}}; var err = function () {}; ttable.ajax (Params, Suc, ERTR), addrow: funktions () {var tbody = document. tbody.rows.length; tbody.insertrow (Rowno); // InnerText = "0001"; // InnerText und Innerhtmltbody.rows [Rowno] .insertcell (1); value = '1'> </input> "; tbody.rows [Rowno] .InsertCell (2); value = '1'> </input> "; tbody.rows [rowno] .insertcell (3); "'> </input>"; tbody.rows [rowno] .insertcell (4); onclick = 'ttable.editrow (Ereignis)'/> <a href = 'JavaScript: void (0)' Onclick = 'ttable.moveUp (this)'> ↑ </a> <a href = 'javaScript: void (0)' onclick = 'ttable.Moved. ttable.ChangeActiverow;}, deleterow: function (eve) {if (bestätigen (this.init.delmsg)) {element = window.event? window.event.srcelement: eve.target; var rowno = element.parentnode.parentnode.rowIndex; var tbody = document.getElementById (this.init.tid); window.event.srcelement: eve.target; alert (element);}, änderungSerow: function () {// Die Hintergrundfarbe der ausgewählten Zeile Eve = Argumente [0]; Element = window.event? window.event.srcelement: eve.target; obj = element.parentnode; while (obj && obj.tagname! "Rot";}}, CleanWhiteSespace: Funktion (Element) {// Ruhe durch die untergeordneten Elementknoten für (var i = 0; i <element.childnodes.length; i ++) {var node = element.childnodes [i]; if (node.nodetype == 3 &&ieben 3 && - ! // s/.Test (node.nodue)) node.parentnode.removechild (node);} // Move the Table -Zeile nach oben und empfangen Sie den Parameter als Link -Objekt}, MoveUp: Funktion (_a) {var _table = document.getElementById (this.init.table). _a.Parentnode.parentnode; var _row = currentActiverow; // Wenn es nicht die erste Zeile -Swap -Reihenfolge ist, wenn (_row.Previoussibling) ttable.swapnode (_row, _row.Previoussibling);}, bewegt: Funktion (_a) {var _table = document.getElementById (this.init.tid); ttable.cleanwhiteSpace (_table); // Die Referenz der Tabellenzeile durch das Link -Objekt // var _row = _a.parentnode.parentnode; var _row = currentactiverow; //, wenn es nicht die Last -Zeile ist, mit dem nächsten Row -Row -Reihen, wenn es nicht ist, mit dem nächsten Row -Row, wenn es nicht ist, mit dem nächsten Row, wenn es nicht ist, mit dem nächsten Row -Row -Reihen, wenn es nicht ist, mit dem nächsten Row, wenn es nicht ist, mit dem nächsten Row -Row -Reihen, wenn es nicht ist, wenn es nicht die Reihenfolge ist, wenn es nicht die Reihenfolge mit dem nächsten Row ist, wenn es sich nicht um die Reihenfolge handelt, tauschen Sie mit dem nächsten Row -Row -Reihen. (_row.nextsibling) ttable.swapnode (_row, _row.nextSsibling);}, Swapnode: Funktion (NODE1, NODE2) {var _parent = node1.parentnode; var _t1 = node1.nextsibling; var _t2 = node2 = node2 = node2 = node2 = node2 = node2 = node2 = node2 = node2.node2.Next; .Darunter:
<table id = "tablespan"> <thead id = "head"> <tr onclick = "ttable id = "tbody"> </tbody> </table> <button onclick = "ttable.addrow ()" value = "add"> add </button> <button onclick = "ttable.movedown ()" value = "add"> ↓ </button>
Das obige ist die vollständige Beschreibung des Implementierungscode des von JS eingekapselten automatischen Erstellungstabelle, die Ihnen vom Editor vorgestellt wurden. Ich hoffe, es wird Ihnen hilfreich sein. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und der Editor wird Ihnen rechtzeitig antworten. Vielen Dank für Ihre Unterstützung auf der Wulin.com -Website!