Я создал таблицу данных из JSON с помощью сплаваUI, и я нажимаю новую строку каждый раз, когда нажимается кнопка «Добавить строку». После того, как все это будет завершено, мне нужно создать json этого окончательного набора данных при нажатии «Отправить». Но я не могу найти способ преобразовать таблицу с данными/HTML (подойдет любая) в JSON с использованием сплава.
Это мой html и js:
YUI().use('aui-datatable','json-stringify', function(A) {
var data = [
{Name: 'Bob', Age: '28',Salary: '10000',Department: 'Admin',Address: 'Kolkata'},
{Name: 'Joe', Age: '42',Salary: '20000',Department: 'Accounts',Address: 'Kolkata'},
{Name: 'Sarah', Age: '35',Salary: '30000',Department: 'Sales',Address: 'Kolkata'},
{Name: 'Billy', Age: '24',Salary: '40000',Department: 'Admin',Address: 'Kolkata'},
{Name: 'James', Age: '36',Salary: '50000',Department: 'Accounts',Address: 'Kolkata'},
{Name: 'Stark', Age: '51',Salary: '60000',Department: 'Sales',Address: 'Kolkata'}
];
var dtable = new A.DataTable.Base({
columnset: ['Name', 'Age','Salary','Department','Address'],
recordset: data
})
.render("#container");
A.one('#addRow').on('click', function() {
data.push({
"Name": A.one('#Name').get('value'),
"Age": A.one('#Age').get('value'),
"Salary": A.one('#Salary').get('value'),
"Department": A.one('#Department').get('value'),
"Address": A.one('#Address').get('value')
});
dtable.set('recordset', data);
A.one('#Name').set('value', '');
A.one('#Age').set('value', '');
A.one('#Salary').set('value', '');
A.one('#Department').set('value', '');
A.one('#Address').set('value', '');
});
A.one('#submit').on('click', function() {
//Here I need the code to create JSON
});
});
<script src="http://cdn.alloyui.com/2.0.0/aui/aui-min.js"></script>
<link href="http://cdn.alloyui.com/2.0.0/aui-css/css/bootstrap.min.css" rel="stylesheet"></link>
<div class="example">
<div>
<input id="Name" style="width:90px" placeholder="Name"></input>
<input id="Age" style="width:30px" placeholder="Age"></input>
<input id="Salary" style="width:60px" placeholder="Salary"></input>
<input id="Department" style="width:90px" placeholder="Department"></input>
<input id="Address" style="width:100px" placeholder="Address"></input>
</div>
<br>
<div id="container"></div>
<br>
<button id="addRow">Add row</button>
<button id="submit">Submit</button>
</div>