Ajax Calls Using Modal Dialogs
Files Directory Listing
Example: Click to view table
Javascript:
var loadTable = function(){ $('#fileExamp').CenterIt(); var data; $.newt_ajax({ url: "/file/cori/", success: function(data){ $('#loading').hide(); $.each(data, function(i,item){ $("#fileTable").append(""+ item.name+ '</a></div></td><td>'+ item.hardlinks+ '</td><td>'+ item.user+ '</td><td>'+ item.group+ '</td><td style="width: 80px;">'+ item.size+ '</td><td style="width: 95px;">'+ item.date+ '</td><td style="width: 85px;">'+ item.perms+ '</td></tr>'); }); $('#fileTable').find('tr:odd').addClass("odd"); } }); } Jobs View Queue
Example: Click to view table
Javascript:
var loadQueue = function(){ $('#queueExamp').CenterIt(); var data; $.newt_ajax({ url: "/queue/cori/", success: function(data){ $('#loadingQ').hide(); $.each(data, function(i,item){ $("#queueTable").append('<tr><td>'+ item.jobid+ '</td><td>'+ item.name+ '</td><td>'+ item.status+ '</td><td>'+ item.timeuse+ '</td><td>'+ item.queue+ '</td><td>'+ item.user+ '</td></tr>'); }); $('#queueTable').find('tr:odd').addClass("odd"); } }); }Liststore Update Store
Example: Click to view result
Javascript:
var updateStore = function() { var data='{"doc1":["one", "two", "three"], "doc2":{"sam":"snead", "tiger":"woods"}}'; $.newt_ajax({ url: "/stores/dbtest/", type: 'PUT', data: data, success: function(data) { alert("update store ok"); }, }); return false; }Liststore Update Document
Example: Click to view result
Javascript:
var updateDocument = function() { var now=new Date(); var last_update=now.toUTCString(); var data='{"sam":"snead", "tiger":"woods", "last_updated":"'+last_update+'"}'; $.newt_ajax({ url: "/stores/dbtest/doc2", type: 'PUT', data: data, success: function(data) { alert("update doc ok"); }, }); return false; }