Hi,
For testing i create something like that:
HTML CODE:
<div>
<!-- your widget template -->
<form class="large-margin-bottom col-xs-offset-3 col-xs-6">
<div class="form-group">
<label for="Name Text">${Full Name}:</label>
<input class="input-lg form-control" type="text" ng-model= "c.data.fullName" placeholder="Enter Employee Name" >
</div>
<button type="submit" ng-click="c.send_fullName(c.data.fullName);"class="btn btn-primary btn-lg btn-block">
<i ng-if="c.data.loading" class="fa fa-spinner fa-spin m-r-sm"></i>${Search}
</button>
</form>
<div ng-if= "!c.data.loading && c.data.json.length>0">
<table class="table table-striped table-bordered">
<caption>List of actions for this Employee</caption>
<thead class="thead-light">
<tr>
<th scope="col">Employee Name</th>
<th scope="col">Occupation</th>
<th scope="col">Location</th>
<th scope="col">Start Date</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="item in data.json">
<td>{{item}}</td>
<td>{{item}}</td>
<td>{{item}}</td>
<td>{{item}}</td>
</tr>
</tbody>
</table>
</div>
CLIENT CONTROLLER:
function() {
/* widget controller */
var c = this;
//Name send to server
c.send_fullName = function(test) {
c.data.loading = true;
c.data.action = "addName";
c.data.loading = false;
c.server.update().then(function() {
c.data.action = undefined;
c.data.fullName = '';
})
}
}
SERVER SIDE:
(function() {
/* populate the 'data' object */
/* e.g., data.table = $sp.getValue('table'); */
data.fullName = '';
data.showTable = '';
data.json = [];
if (input && input.action == 'addName') {
data.fullName = input.fullName;
var subject_person = 'Ashutosh';
//fetchHR(data.fullName);
data.json = ['a','b','c','d','e','g'];
//getEmployeeData(data.fullName);
}
})();
OUTPUT:
Please change it as per your requirement.
Thanks,
Ashutosh
