Hallo liebe Community,
ich habe folgendes Problem -.-
- function getTable($payload, $rowName)
- {
- $echo =
- '<table id="rowTable'.$rowName.'" class="table" >
- <tr> ';
- for($i = 0;$i<sizeof($payload);$i++)
- {
- $echo.= '<input id="row'.$rowName.'" type="text" class="form-control" name="rows[]" maxlength="10" placeholder="Färbungsname" style="width:130px;" value=\''.$payload[$i][0].'\'>';
- }
- $echo.='</tr></table>';
- $echo.='<input type="button" class="btn btn-success btn-primary btn-xs" onclick="myCreateFunction()" value=" + ">
- <input type="button" class="btn btn-danger btn-xs " onclick="myDeleteFunction()" value=" - ">
- <script>
- function myCreateFunction()
- {
- var inputTextValue;
- var table = document.getElementById("rowTable'.$rowName.'");
- var row = table.insertRow(-1);
- var cell0 = row.insertCell(0);
- cell0.innerHTML = \'<input id="row'.$rowName.'" type="text" class="form-control" name="rows[]" maxlength="10" placeholder="Färbungsname" style="width:130px;">\';
- }
- function myDeleteFunction()
- {
- document.getElementById("rowTable'.$rowName.'").deleteRow(-1);
- }
- </script>';
- return $echo;
- }
Anhand des Codes merkt ihr, dass ich eine Tabelle habe mit X payloads.
Diese Payloads generieren Zeilen, jetzt möchte ich aber zusätzliche Y Zeilen hinzufügen.... Wenn ich auf den Plus - Button drücke, wird das JS nur im untersten Fragment(1) generiert und nicht
individuell in jedem Fragment so wie es sein sollte...
Zum Verständnis, ist der rowName größer als 1 werden dementsprechend Fragmente zusammen gebaut (von unten nach oben), also so ...
--------------------------------------------------------------
+Fragment 2
+
+ X Zeilen
+ Y Zeilen
+ Plus-Button
--------------------------------------------------------------
+Fragment 1
+
+ X Zeilen
+ Y Zeilen
+ Plus-Button
--------------------------------------------------------------
Ich hoffe ihr könnt mir helfen!!!
Ach ja, bin der totale N00B in JS bereich....