Skip to content

Instantly share code, notes, and snippets.

@mrofi
Created January 2, 2015 14:17
Show Gist options
  • Save mrofi/6957acc106e703e7fa55 to your computer and use it in GitHub Desktop.
Save mrofi/6957acc106e703e7fa55 to your computer and use it in GitHub Desktop.
loader data for bootstrap 3 + jquery + laravel
//PHP
<script id="dataTemplate" type="text/x-jquery-tmpl">
<tr data-id="${id}">
<td>${no}.</td>
<td>${id_hero}</td>
<td>${username}</td>
<td>${nama}</td>
<td>${alamat}</td>
<td>${no_hp}</td>
<td class="text-center">
<a href="/${username}" class="btn btn-sm btn-link btn-lihat" title="Lihat"><i class="icon icon-eye-open"></i></button>
<button class="btn btn-sm btn-link btn-edit" title="Edit"><i class="icon icon-pencil"></i></button>
<button class="btn btn-sm btn-link btn-hapus" title="Hapus"><i class="icon icon-trash"></i></button>
</td>
</tr>
</script>
//JS
var lastUrl = '{{ url('manager/user/list') }}';
var allData = [];
var loadData = function(url) {
backToCage();
if (url == undefined) url = lastUrl;
lastUrl = url;
$.get(url, function(data) {
console.log(url);
if (allData == data[0]) return;
allData = data[0];
if (data[0].length == 0) {
return $('#tbody-data').html('<tr><td class="text-center" colspan="7">Tidak ada data.</td></tr>');
}
$('#tbody-data').html('');
$('#dataTemplate').tmpl( data[0] ).appendTo('#tbody-data');
$('#tbody-data').append('<tr><td class="text-center" colspan="7"><span>&nbsp;</span>'+$.parseJSON(data[1])+'<span>&nbsp;</span></td></tr>');
$('#tbody-data tr').last().find('a').click(function(e) {
e.preventDefault();
url = $(this).attr('href');
if (url == 'javascript:;') return;
loadData(url);
});
});
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment