JSON を返す Web API を呼び出す次のメソッドがあります。
public ActionResult CompletedProcessList(int start = 0, int rows = 50)
{
using (var client = new WebClient())
{
try
{
var query = HttpUtility.ParseQueryString(string.Empty);
var url = new UriBuilder("http://localhost:8080/jw/web/json/monitoring/running/process/list"); url.Query = query.ToString();
string json = client.DownloadString(url.ToString());
Thread.Sleep(500);
return Content(json, "application/json");
}
catch (System.Net.WebException)
{
return Content("error", "application/json");
} } }
次に、javaScript を使用して、返された JSON を table に表示しています。javaScript コードは次のとおりです。
function getprocesslist(result) {
$('#tablelist tbody, #tablelist thead').empty();
var str = 'Total Number Of Processes:- ' + result.total.toString();
$('#total').text(str.toString());
var str1 = '<tr><th>NO.</th><th>' + 'Process Name' + '</th><th>' + 'Process Requestor ID' + '</th><th>' + 'Process State' + ' </th><th>' + 'Process Start Date' + ' </th><th>' + 'Process Due Date' + ' </th></tr>';
$('#tablelist thead').append(str1);
$.each(result.data, function (key, val) {
var number = key +1 ;
var str2 = '<tr><td>' + number + '</td><td>' + val.name + '</td><td>' + val.requesterId + '</td><td>' + val.state + '</td><td>' + val.startedTime + '</td><td>' + val.due + '</td></tr>';
$('#tablelist tbody').append(str2);
});
}
上記は正常に機能していますが、次を追加する必要がある新しい機能を実装する必要があります:-
「プロセス名」列と「プロセス期日」列内に 2 つのチェック ボックスがあるため、ユーザーは 2 つのチェック ボックスのいずれかを選択できます。
返された JSON を Excel シートに抽出するボタン。システムは、ユーザーの選択に基づいて Excel シートに「プロセス名」または「プロセス期日」、またはその両方を含める必要があります。
よろしくお願いします