{"view":"\u003cdiv class=\"\"\u003e\r\n    \u003ctable id=\"tblCaseOffenses\" class=\"table table-striped table-hover\" data-click-to-select=\"true\" style=\"cursor:pointer;\"\u003e\r\n        \u003cthead\u003e\r\n            \u003ctr\u003e\r\n                \u003cth\u003e\u003c/th\u003e\r\n                \u003cth\u003eOffense\u003c/th\u003e\r\n                \u003cth\u003eStatute\u003c/th\u003e\r\n                \u003cth\u003eReduced Statute\u003c/th\u003e\r\n                \u003cth\u003eReduced Statute Description\u003c/th\u003e\r\n                \u003cth\u003eGCIC Count\u003c/th\u003e\r\n                \u003cth\u003eCount\u003c/th\u003e\r\n                \u003cth\u003eParty Name\u003c/th\u003e\r\n            \u003c/tr\u003e\r\n        \u003c/thead\u003e\r\n    \u003c/table\u003e\r\n\u003c/div\u003e\r\n\u003cstyle\u003e\r\n    /*div#tblCaseOffenses_wrapper div.row div.col-sm-12 div.alignDataTableDownFurther {\r\n        margin-top: -40px !important;\r\n    }\r\n\r\n    div#tblCaseOffenses_wrapper div.row .col-sm-12 div.dataTables_scroll{\r\n        margin-top: -20px !important;\r\n    }*/\r\n    #tblCaseOffenses{\r\n        margin-top: -20px !important;\r\n    }\r\n\u003c/style\u003e\r\n\r\n\u003cscript\u003e\r\n    var tblCaseOffenses;\r\n    var g_tblCaseOffenses_DT;\r\n    var g_tblFixedCaseOffenses;\r\n\r\n    $(function () {\r\n\r\n        g_tblCaseOffenses_DT = new InitializeDT();\r\n        tblCaseOffenses = $(\u0027#tblCaseOffenses\u0027).DataTable({\r\n            \"serverSide\": true,\r\n            \"ajax\": {\r\n                \"type\": \"POST\",\r\n                \"dataType\": \"json\",\r\n                \"url\": \"/CourtsCMWS/CMWebSearch/CaseView/GetCaseOffenses\",\r\n                \"contentType\": \u0027application/json; charset=utf-8\u0027,\r\n                \u0027data\u0027: function (data) {\r\n                    return JSON.stringify({ dtParam: data, caseNo: \u0027STCR2026000123\u0027 })\r\n                }\r\n            },\r\n            \"sort\": false,\r\n            \"columnDefs\": [\r\n                {\r\n                    \"targets\": \u0027no-sort\u0027,\r\n                    \"orderable\": false\r\n                },\r\n                {\r\n                    render: function (data, type, row, a) {\r\n                        sColName = a.settings.aoColumns[a.col].sTitle\r\n                        return BuildCheckboxDataTable(row.ID, data, sColName)\r\n                    },\r\n                    className: \"dt-body-center\",\r\n                    \"orderDataType\": \"dom-checkbox\",\r\n                    \"targets\": \"checkboxDT\"\r\n                },\r\n                { width: 15, targets: 0 },\r\n                //{ width: 60, targets: 2 },\r\n                //{ width: 80, targets: [3, 4, 5, 6] }\r\n            ],\r\n            //\"scrollY\": false,\r\n            //\"scrollX\": true,\r\n            //\"scrollCollapse\": true,\r\n            \"scroller\": {\r\n                loadingIndicator: true\r\n            },\r\n            \"processing\": true,\r\n            \"searching\": false,\r\n            \"info\": true,\r\n            \"paging\": true,\r\n            \"filter\": false,\r\n            \"deferRender\": true,\r\n            /*\"select\": \"single\",*/\r\n            \"columns\": [\r\n                {\r\n                    render: function (nTd, sData, oData, a) {\r\n                        return \u0027\u003cspan id=\"showOffenseInfo\"\u003e\u003ci class=\"fa fa-arrow-circle-right btnAction\"\u003e\u003c/i\u003e\u003c/span\u003e\u0027;\r\n                    },\r\n                },\r\n                { \"data\": \"StatuteDesc\" },\r\n                { \"data\": \"Statute\" },\r\n                { \"data\": \"ReducedStatute\" },\r\n                { \"data\": \"ReducedStatueteDesc\" },\r\n                { \"data\": \"OTNCount\" },\r\n                { \"data\": \"Count\" },\r\n                { \"data\": \"PartyName\" }\r\n            ],\r\n            \"fnInitComplete\": function (oSettings, json) {\r\n                //g_tblFixedCaseOffenses = new $.fn.dataTable.FixedColumns(tblCaseOffenses, {\r\n                //    leftColumns: 0, rightColumns: 0,\r\n                //    \"sHeightMatch\": \"auto\",\r\n                //    \"sFillGapStyle\": \"alignDataTableDownFurther\"\r\n\r\n                //});\r\n\r\n                //g_tblCaseOffenses_DT.SetUpDataTableEvents(\"tblCaseOffences\", tblCaseOffenses, g_tblFixedCaseOffenses);\r\n                //g_tblCaseOffenses_DT.SetUpDataTableEvents(\"tblCaseOffences\", tblCaseOffenses, null);\r\n\r\n                //console.log(g_tblCaseOffenses_DT.g_TableNameDT);\r\n\r\n                $(\u0027#tblCaseOffenses tbody\u0027).on(\u0027mouseup\u0027, \u0027#showOffenseInfo\u0027, function (e) {\r\n                    //debugger;\r\n                    let data = tblCaseOffenses.row($(this).parent()).data();\r\n                    if (data == null) {\r\n\r\n                        data = tblCaseOffenses.row(\u0027.selected\u0027).data();\r\n                        if (data == null) {\r\n                            console.log(\u0027Data not found for selected row.\u0027);\r\n                            return false;\r\n                        }\r\n                    }\r\n\r\n                    //console.log(data.CaseNo);\r\n                    //console.log(data.OffNumber);\r\n                    $.ajax({\r\n                        url: \u0027/CourtsCMWS/CMWebSearch/Offense/GetOffenseView\u0027,\r\n                        data: JSON.stringify({ caseNo: data.CaseNo, offNumber: data.OffNumber }),\r\n                        dataType: \u0027json\u0027, type: \u0027post\u0027,\r\n                        success: function (result) {\r\n                            //let oSubInfo = $(\u0027#divCaseSubInfo\u0027);\r\n                            //oSubInfo.html(\u0027\u0027);\r\n                            //oSubInfo.html(result.view);\r\n                            //oSubInfo.show();\r\n                            //$(\u0027#divCaseInfo\u0027).hide();\r\n                            $(\u0027#modalSubPage\u0027).empty();\r\n                            $(\u0027#modalSubPage\u0027).html(result.view);\r\n                            $(\u0027#modalSubPage\u0027).modal(\u0027show\u0027);\r\n                            //$(\u0027#modalSubPage\u0027).one(\u0027shown.bs.modal\u0027, function () {\r\n                            //});\r\n                            $(\u0027#modalSubPage\u0027).one(\u0027hidden.bs.modal\u0027, function () {\r\n                                $(\u0027#modalSubPage\u0027).empty();\r\n                            });\r\n\r\n                        } // end success\r\n                    });\r\n\r\n                    \r\n                });\r\n\r\n            },\r\n            \"fnDrawCallback\": function (oSettings) {\r\n                g_tblCaseOffenses_DT.ShowHidePaging(oSettings);\r\n            }\r\n        });\r\n\r\n        //$(\u0027#\u0027 + g_tblCaseOffenses_DT.g_TableNameDT).on(\u0027click\u0027, \u0027tbody td\u0027, function () {\r\n        //    console.log(\u0027row clicked!\u0027);\r\n        //});\r\n\r\n    })\r\n\u003c/script\u003e"}