1. Primeiro configure um quadro de tabela na página
<tr> <td> Adicionado parâmetros: </td> <td> <input type = "button" value = "selecione" onclick = "OpenAppParamspage ();"/> </td> <td> Lista de parâmetros: </td> <td> <input type = "hidden" id = "paramslist" name = "" CellPacing = "1" CellPadding = "0" style = ""> <tr> <td valign = "top" align = "Center"> Nome do parâmetro: </td> <td valign = "top" align = "center"> parâmetro codificante: </td> <td valig = "top" align = "center"> parâmetro " </tr> <tbody id = "sortList"> </tbody> </ table> </tr> <tr> <td align = "Center" colspan = "4"> <input type = "submit" value = "salvar" onclick = "setParamslist ();"/> <input Type = "" "value" ("retorno"/>/> </td>;2 funções JS relacionadas
function setParamslist () {var tab = document.getElementById ("tab"); // linhas de tabela var linhas = tab.rows.length; // colunas de tabela var células = tab.rows.item (0) .cells.length; // alerta ("linhas"+linhas+"colunas"+células); var rowdata = ""; for (var i = 1; i <linhas; i ++) {var céllBellData = new Array (); for (var j = 0; j <células-1; j ++) {céllosdata.push (tab.rows [i] .Cells [j] .innerText); } RowData = RowData + "|" + célulasData; } document.getElementById ("paramslist"). value = rowdata; } // Abra a função de interface de parâmetro de novo aplicativo relevante OpenAppParamSpage () {var param = new Object (); // Este parâmetro deve ser passado. param.win = janela; param.id = 100; param.name = "test"; param.birthday = new Date (); var resultado = window.showmodaldialog ("addParamsitem", "Dialogwidth: 500px; dialogHeight: 600px; Dialogleft: 200px; dialogtop = 200px"); // var temp = document.getElementById ("paramslist"). //document.getElementById("paramslist").value = temp + resultado; addSort (resultado); } // Adicione a função do parâmetro do aplicativo AddSort (dados) {var name = data; if (nome == "" || nome == indefinido) {return; } console.log (dados); var params = data.split (","); var paramname = params [0]; var paramcode = params [1]; var paramvalue = params [2]; var row = document.createElement ("tr"); row.setAtAttribute ("id", paramcode); var celular = document.createElement ("td"); Cell.appendChild (document.createTextNode (paramname)); row.appendChild (célula); célula = document.createElement ("td"); Cell.AppendChild (Document.CreateTextNode (Paramcode)); row.appendChild (célula); célula = document.createElement ("td"); Cell.appendChild (document.createTextNode (paramvalue)); row.appendChild (célula); var deletebutton = document.createElement ("input"); deletebutton.setAttribute ("tipo", "botão"); DeleteButton.SetAttribute ("Value", "Delete"); DeleteButton.OnClick = function () {DeLeTesort (paramcode); }; célula = document.createElement ("td"); Cell.AppendChild (DeleteButton); row.appendChild (célula); Document.getElementById ("Sortlist"). AppendChild (linha); } // exclua a função do parâmetro do aplicativo deleteSort (id) {if (id! = Null) {var rowtodelete = document.getElementById (id); var sortList = document.getElementById ("Sortlist"); SortList.RemoveChild (Rowtodelete); }}Função de modificação para tabelas anexadas
// exibir informações sobre a função de interface de atualização UpdateSort (id) {if (id! = Null) {var row = document.getElementById (id); // alert ("linha é" + row.cells [0] .innerhtml); var id = row.cells [0] .innerhtml; var paramname = row.cells [1] .innerhtml; var paramcode = row.cells [2] .innerhtml; var paramvalue = row.cells [3] .innerhtml; var param = new Object (); // Este parâmetro deve ser passado. param.win = janela; param.id = 100; param.name = "test"; param.birthday = new Date (); var resultado = window.showmodaldialog (baseurl + "app/updateParamsitem? id =" + id + "¶mname =" + paramname + "¶mcode =" + paramcode + "¶mvalue =" + paramvalue, "DIALOGWIDTHTH: 500PX; DialogHeight: 600px; var arr = resultado.split (","); row.Cells [0] .innerhtml = arr [0]; Row.Cells [1] .innerhtml = arr [1]; row.Cells [2] .innerhtml = arr [2]; Row.Cells [3] .innerhtml = arr [3]; }}3. Popa a página da caixa, adicione ou modifique os parâmetros e escreva de volta os dados relevantes.
<! xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <title> </title> <#include ;ludes/utf-8 "/> <title> </title> <#include"/. <div> </div> <form> <tabela CellPacing = "1" CellPadding = "2"> <tr> <t> Nome do parâmetro: </td> <td> <input type = "text" maxLength = "20" requerir = "true" id = "paramname" name = "paramname"/> </td> </tr. " <td> <input type = "text" maxLength = "20" requerir = "true" id = "paramcode" name = "paramcode" requerir = "true"/> </td> </tr> <tr> <td> parameter Valor: </td> <td> <input type = "" maxlength = "20" requerido: "requerido" "requery" "requery" idiats ")" requer) "requer" "," requer) "requer" "," requer) "requer: </td> <td> <input" "" "maxLength =" 20 "," requerido: "requerir" idéias ")" requery ")" requer) "requery" «requer: </td> <Td> <input type =" "maxLength =" 20 "" 20 ". /> </td> </tr> <tr> <td align = "Center" colspan = "4"> <input type = "submit" value = "save" onclick = "returnResult ();"/> <input type = "button" value = "return" onClick = "closewindow ();//> </td> </html> <script type = "text/javascript"> // feche a janela diretamente função closewindow () {window.close (); } // Obtenha o valor, retorne a função após a Assembly ReturnResult () {if (! $ ('Formulário'). Valid ()) retornar; var paramname = document.getElementById ("paramname"); var paramcode = document.getElementById ("paramcode"); var paramvalue = document.getElementById ("paramvalue"); // alert ("valor é" + paramname.value + "," + paramcode.value + "," + paramvalue.value); var resultado = paramname.value + "," + paramcode.value + "," + paramvalue.value; window.returnValue = resultado; window.close (); } </script>O exposto acima é a descrição completa das funções de adição, modificação e exclusão (recomendadas) das tabelas dinâmicas de implementação do JS introduzidas a você. Espero que seja útil para você. Se você tiver alguma dúvida, deixe -me uma mensagem e o editor responderá a você a tempo. Muito obrigado pelo seu apoio ao site wulin.com!