forked from tohe/wmdeit_kaform
adding elements to the table works. but deletion is still a p[roblem
This commit is contained in:
parent
8e1912cae3
commit
6840a0d0c3
23
ka.html
23
ka.html
|
@ -168,22 +168,22 @@
|
|||
<div class="is-col is-70">
|
||||
<div class="is-row">
|
||||
<div class="is-col is-60">
|
||||
<input type="text" name="type" placeholder="Auslagenart*"/>
|
||||
<input id="a_type" type="text" name="type" placeholder="Auslagenart*"/>
|
||||
</div>
|
||||
<div class="is-col is-40">
|
||||
<input type="date" name="type" placeholder="Dateum*"/>
|
||||
<input id="a_date" type="date" name="type" placeholder="Datum*"/>
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
<input type="text" name="description" placeholder="Beschreibung*"/>
|
||||
<input id="a_description" type="text" name="description" placeholder="Beschreibung*"/>
|
||||
<br>
|
||||
|
||||
<div class="is-row">
|
||||
<div class="is-col">
|
||||
<input type="text" name="amount" placeholder="Betrag*"/>
|
||||
<input id="a_amount" type="text" name="amount" placeholder="Betrag*"/>
|
||||
</div>
|
||||
<div class="is-col">
|
||||
<input type="text" name="curreny" placeholder="Waehrung*"/>
|
||||
<input id="a_currency" type="text" name="curreny" placeholder="Waehrung*"/>
|
||||
</div>
|
||||
<div class="is-col">
|
||||
<button type="button" onclick="addTableRow();"
|
||||
|
@ -192,20 +192,13 @@
|
|||
</div>
|
||||
|
||||
</div>
|
||||
<div class="is-col is-30">
|
||||
<div class="form-item">
|
||||
<div class="upload"
|
||||
data-kube="upload"
|
||||
data-type="file" data-multiple="true"
|
||||
data-target="#upload-target"
|
||||
data-url="upload.php" data-url-remove="delete.php"
|
||||
data-progress="true">
|
||||
</div>
|
||||
<div class="is-col is-30">
|
||||
<div id="uploadfield" class="form-item">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
<table id="tabtab" class="is-bordered">
|
||||
<table id="tabtab" class="is-bordered is-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Auslagenart</th>
|
||||
|
|
61
kaform.js
61
kaform.js
|
@ -1,15 +1,21 @@
|
|||
|
||||
var nextRowId=1;
|
||||
|
||||
function getNextRowId() {
|
||||
return nextRowId;
|
||||
}
|
||||
|
||||
function renumberTableRows(){
|
||||
var row_no=1;
|
||||
var table = document.getElementById("tabbody");
|
||||
for (var i = 0, row; row = table.rows[i]; i++) {
|
||||
row.cells[0].innerHTML=row_no++;
|
||||
// row.cells[0].innerHTML=row_no++;
|
||||
}
|
||||
}
|
||||
|
||||
function deleteTableRow(rowId){
|
||||
|
||||
alert (rowId);
|
||||
var target = document.getElementById("upload-target"+rowId);
|
||||
var children = target.children;
|
||||
|
||||
|
@ -41,22 +47,33 @@ function addTableRow(){
|
|||
var element = document.createElement('tr');
|
||||
element.setAttribute("id", "trow"+nextRowId);
|
||||
|
||||
|
||||
var a_type = document.getElementById("a_type").value;
|
||||
var a_date = document.getElementById("a_date").value;
|
||||
var a_description = document.getElementById("a_description").value;
|
||||
var a_amount = document.getElementById("a_amount").value;
|
||||
var a_currency = document.getElementById("a_currency").value;
|
||||
|
||||
/* a_type = "Hello";*/
|
||||
|
||||
var e="";
|
||||
|
||||
// add column for position no
|
||||
e += '<td></td>';
|
||||
e += `<td>${a_type}</td>`;
|
||||
|
||||
// add coluemn for description
|
||||
e += `<td><textarea name="desc[${nextRowId}]" rows="2"></textarea> </td>`;
|
||||
// add coluemn for a_type (Auslagenart)
|
||||
// e += `<td><textarea name="desc[${nextRowId}]" rows="2"></textarea> </td>`;
|
||||
e += `<td>${a_date}</td>`;
|
||||
|
||||
// add column for date
|
||||
e += `<td><input name="date[${nextRowId}]" type="date"/></td>`;
|
||||
// e += `<td><input name="date[${nextRowId}]" type="date"/></td>`;
|
||||
e += `<td>${a_description}</td>`;
|
||||
|
||||
// add column for num
|
||||
e += `<td><input name="amount[${nextRowId}]" type="num"/></td>`;
|
||||
e += `<td>${a_amount}</td>`;
|
||||
|
||||
// add column for file upload
|
||||
e+= `
|
||||
/* e+= `
|
||||
<td data-kube="">
|
||||
<div class="form-item">
|
||||
<div class="upload"
|
||||
|
@ -68,10 +85,11 @@ function addTableRow(){
|
|||
</div>
|
||||
<div id="upload-target${nextRowId}" class="upload-target"></div>
|
||||
</div>
|
||||
|
||||
|
||||
</td>
|
||||
`;
|
||||
*/
|
||||
e += `<td>${a_currency}</td>`;
|
||||
|
||||
// `;
|
||||
// add delete bnutton
|
||||
e +=
|
||||
`<td><span
|
||||
|
@ -87,6 +105,24 @@ function addTableRow(){
|
|||
}
|
||||
|
||||
|
||||
function setUploadField()
|
||||
{
|
||||
var e = $K.dom('#uploadfield');
|
||||
var uf =`<div class="upload"
|
||||
data-kube="upload"
|
||||
data-type="file" data-multiple="true"
|
||||
data-target="#upload-target${nextRowId}"
|
||||
data-url="upload.php?row=${nextRowId}" data-url-remove="delete.php"
|
||||
data-progress="true">Beleg hochladen
|
||||
</div>
|
||||
<div id="upload-target${nextRowId}" class="upload-target small"></div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
`;
|
||||
document.getElementById("uploadfield").innerHTML=uf;
|
||||
}
|
||||
|
||||
$K.add('module', 'kaform', {
|
||||
init: function(app, context)
|
||||
|
@ -111,7 +147,6 @@ $K.init({
|
|||
});
|
||||
|
||||
|
||||
|
||||
// startup is here
|
||||
|
||||
|
||||
|
@ -125,5 +160,9 @@ $K.ajax.get({
|
|||
error: function(response) {}
|
||||
});
|
||||
|
||||
setUploadField();
|
||||
|
||||
|
||||
|
||||
// add on table row
|
||||
//addTableRow();
|
||||
|
|
Loading…
Reference in New Issue