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;
}
Alles anzeigen
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....