User1979860870 posted
Hi
How to implment Semantic UI in below scenario. I am using Ajax
<div class="box">
<!-- /.box-header -->
<div class="box-body">
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal" onclick="clearTextBox();">Add New Location</button><br /><br />
<table class="table table-bordered table-striped" id="tblLocation">
<thead>
<tr>
<th>
ID
</th>
<th>
Location
</th>
<th>
Action
</th>
</tr>
</thead>
<tbody class="tbody"></tbody>
</table>
</div>
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Add New Location</h4>
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
</div>
<div class="modal-body">
<div class="form-horizontal">
<div class="form-group">
<label for="Name">Location Id</label>
<input type="text" class="form-control" id="Id" placeholder="Location Id" />
</div>
<div class="form-group">
<label for="Name">Location Name</label>
<input type="text" class="form-control" id="Description" placeholder="Location Name" />
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-outline-dark" data-dismiss="modal">
<span class="glyphicon glyphicon-remove"></span> Cancel
</button>
<button type="button" class="btn btn-primary" id="btnAdd" onclick="return Add();">
<span class="glyphicon glyphicon-ok"></span> Save Changes
</button>
<button type="button" class="btn btn-primary" id="btnUpdate" style="display:none;" onclick="Update();">Update</button>
@*<button type="button" class="btn btn-outline-dark" data-dismiss="modal">Cancel</button>
<button type="button" class="btn btn-primary" id="btnAdd" onclick="return Add();"><span class="glyphicon glyphicon-ok"></span>Save Changes</button>
<button type="button" class="btn btn-primary" id="btnUpdate" style="display:none;" onclick="Update();">Update</button>*@
</div>
</div>
</div>
</div>
</div>
<script src="~/Scripts/Appjs/Location.js"></script>
Thanks
