jPList JSON

by Shawn Wood

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/jplist/5.2.0/css/jplist.demo-pages.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/jplist/5.2.0/css/jplist.core.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/jplist/5.2.0/js/jplist.core.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jplist/5.2.0/js/jplist.sort-bundle.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jplist/5.2.0/js/jplist.textbox-filter.min.js"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/jplist/5.2.0/css/jplist.textbox-filter.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/jplist/5.2.0/js/jplist.pagination-bundle.min.js"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/jplist/5.2.0/css/jplist.pagination-bundle.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/jplist/5.2.0/js/jplist.history-bundle.min.js"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/jplist/5.2.0/css/jplist.history-bundle.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/jplist/5.2.0/js/jplist.filter-toggle-bundle.min.js"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/jplist/5.2.0/css/jplist.filter-toggle-bundle.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/jplist/5.2.0/js/jplist.list-grid-view.min.js"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/jplist/5.2.0/css/jplist.list-grid-view.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/jplist/5.2.0/js/jplist.filter-dropdown-bundle.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jplist/5.2.0/js/jplist.preloader-control.min.js"></script>
<link...

JavaScript

var datasource = {
    "aaData": [{
        "notificationId": 1041,
        "recipientId": 4,
        "refNotificationTypeId": 16,
        "refNotificationMethodId": 5,
        "refNetworkId": 2,
        "caseId": 1006,
        "securityClassificationId": 2,
        "securityClassification": "Unclassified//For Official Use Only",
        "sentDt": 1459854842564,
        "startDt": null,
        "endDt": null,
        "read": false,
        "subject": "PRI# 1006 Added Case# DITMAC-16-001006",
        "text": "Thank you for your submission to the DITMAC.  Your case is assigned DITMAC tracking number: DITMAC-16-001006 and a DITMAC analyst will be contacting you shortly.  We will reach out to you with a request for information should we have any questions on the information you submitted.  DITMAC analysts will leverage relevant data and in-house subject matter experts to compile an analytic finding to enable your Component.  We appreciate your support, if you have any questions related to your submission, please feel free to contact us at: [email protected].",
        "archived": false,
        "createdDt": 1459854843964,
        "createdById": 4,
        "lastUpdatedDt": 1459854843964,
        "lastUpdatedById": 4,
        "firstName": "Yasmin",
        "lastName": "Bleath",
        "priority": 3,
        "caseDisplayId": "DITMAC-16-001006",
        "formattedSentDt": "04/05/2016",
        "formattedStartDt": null,
        "formattedEndDt": null
    }, {
        "notificationId": 1035,
        "recipientId": 4,
        "refNotificationTypeId": 16,
        "refNotificationMethodId": 5,
        "refNetworkId": 2,
        "caseId": 1005,
        "securityClassificationId": 2,
        "securityClassification": "Unclassified//For Official Use Only",
        "sentDt": 1459854694564,
        "startDt": null,
        "endDt": null,
        "read": false,
        "subject": "PRI# 1005 Added Case# DITMAC-16-001005",
        "text": "Thank you for...