Информация, накопленная для следующей динамической входной формы, очень хорошая. Позвольте мне поделиться этим с вами для вашей ссылки. Если есть лучшие плагины и инкапсуляции, пожалуйста, поделитесь им. Полем
Ключевой код заключается в следующем:
<script type = "text/javascript"> var currentactiverow; // Выбранный цвет var customtable = function () {};; customtable.prototype = {init: {ajaxurl: "", tid: "tbody", delmsg: "Подтвердить его? that.init.ajaxurl, данные: params, успех: аргументы [1] || function () {}, ошибка: аргументы [2] || "getBookbag", random: math.random ()}; var suc = function (data) {if (data.issuccess === 1) {} else {}}; var err = function () {}; ttable.ajax (params, suc, err);}, addRow: function () {var tobode = document. tbody.row.length; tbody.insertrow (rowno); tbody.rows [rowno] .insertcell (0); tbody.rows [rowno] .cells [0] .appendchild (document.createTextNode (rowno + 1)); // innerText = "0001"; // InnerText и innerhtmltbody.rows [rowno] .insertcell (1); tbody.rows [rowno] .cells [1] .innerhtml = "<input name = 'radorms' type = 'radio' value = '1'> </input> "; tbody.rows [rowno] .insertcell (2); tbody.rows [rowno] .cells [2] .innerhtml =" <input name = 'checkboxrms' type = 'facebox' value = '1'> </input> "; tbody.rows [rowno] .insertcell (3); tbody.rows [rowno] .cells [3] .innerhtml =" <input name = 'descript' type = 'text' value = 'des " + (rowno + 1) + "> </input>"; tbody.rows [rowno] .insertcell (4); tbody.rows [rowno] .cells [4] .innerhtml = "<input type = 'value =' delete 'onclick =' ttable.deleterow (event) '/> <input =' value = 'Edit' onclick = 'ttable.editrow (event)'/> <a href = 'javascript: void (0)' onclick = 'ttable.moveup (this)'> ↑ </a> <a href = 'javascript: void (0)' onclick = 'ttable.movalow ttable.changeactiverow;}, deleterow: function (eve) {if (sefint (this.init.delmsg)) {element = window.event? window.event.srcelement: eve.target; var rowno = element.parentnode.parentnode.rowindex; var tbody = document.getelementbyid (this.init.tid); tbody.deleterow (rowno - 1);}}, editrow: function () {var element = window.event? window.event.srcelement: eve.target; alert (element);}, ChangeActiverow: function () {// Установить цвет фона выбранной строки eve = аргументы [0]; element = window.event? window.event.srcelement: eve.target; obj = element.parentnode; while (obj && obj.tagname! = "tr") {obj = obj.parentnode; if (currentActiverow) currentActiver. "RED";}}, CleanWhitEpace: function (element) {// Слушание через дочерние узлы элемента для (var i = 0; i <element.childnodes.length; i ++) {var node = element.childnodes [i]; if (node.nodeType == 3 && емон ! // s/.test (node.nodue)) node.parentnode.removeChild (node);} // Перемещение строки таблицы и получение параметра в виде объекта ссылки}, перемещение: функция (_a) {var _table = document.getElementByid (this.init.tid); _a.parentnode.parentnode; var _row = currentActiverow; // Если это не первый порядок свопа в строке if (_row.previoussibling) ttable.swapnode (_row, _row.previoussibling);}, Movdown: function (_a) {var _table = document.getElementbyId (this.init.tid); ttable.cleanwhitespace (_table); // Получить ссылку на строку таблицы через объект ссылки // var _row = _a.parentnode.parentnode; var _row = currentActiverow; // Если это не последняя строка, порядок SWAP с помощью следующей строки, если IF, если IF, если IF, если IF, если IF, если IF, если IF, если IF, если IF, если IF, если IF, если IF, если если это (> if (_t1) _parent.insertbefore (node2, _t1); else_parent.appendchild (node2); // вставить node1 в исходную позицию ndoe2 if (_t2) _parent.insertbefore (node1, _t2); else_parent.appendchild (node1); CustomTable (); </script>Среди них:
<table id = "tablepan"> <thead id = "head"> <tr onclick = "ttable.changeactiverow (this);"> <td> серийный номер </td> <td> default </td> <td> enable </td> <td> опция Содержание </td> <td> </td> </tr> </td> </td> <td> id = "tbody"> </tbody> </table> <button onclick = "ttable.addrow ()" value = "add"> добавить </button> <button onclick = "ttable.modalown ()" value = "add"> ↓ </button>
Выше приведено полное описание кода реализации инкапсулированной таблицы автоматического создания JS, представленной вам редактором. Я надеюсь, что это будет полезно для вас. Если у вас есть какие -либо вопросы, пожалуйста, оставьте мне сообщение, и редактор ответит вам вовремя. Большое спасибо за вашу поддержку сайту wulin.com!