{"view":"\r\n\u003cdiv class=\"\"\u003e\r\n    \u003ctable id=\"tblCaseAParties\" 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\u003eAssoc. Party Name\u003c/th\u003e\r\n                \u003cth\u003eAssoc. Party Code\u003c/th\u003e\r\n                \u003cth\u003eParty Name\u003c/th\u003e\r\n                \u003cth class=\"checkboxDT\"\u003eActive\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\r\n\u003cstyle\u003e\r\n    /*div#tblCaseAParties_wrapper div.row div.col-sm-12 div.alignDataTableDownFurther {\r\n        margin-top: -40px !important;\r\n    }*/\r\n    #tblCaseAParties{\r\n        margin-top: -30px !important;\r\n    }\r\n\u003c/style\u003e\r\n\r\n\u003cscript\u003e\r\n    var tblCaseAParties = null;\r\n    var g_tblCaseAParties_DT = null;\r\n    var g_tblFixedCaseAParties = null;\r\n\r\n    $(function () {\r\n\r\n        g_tblCaseAParties_DT = new InitializeDT();\r\n\r\n        tblCaseAParties = $(\u0027#tblCaseAParties\u0027).DataTable({\r\n            \"serverSide\": true,\r\n            \"ajax\": {\r\n                \"type\": \"POST\",\r\n                \"dataType\": \"json\",\r\n                \"url\": \u0027/CourtsCMWS/CMWebSearch/CaseView/GetCaseAssociatedParties\u0027,\r\n                \"contentType\": \u0027application/json; charset=utf-8\u0027,\r\n                \u0027data\u0027: function (data) {\r\n                    return JSON.stringify({ dtParam : data, caseNo : \u0027STCR2007001429\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: 100, targets: 2},\r\n                //{ width: 80, targets: 4 }\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=\"showAPartyInfo\"\u003e\u003ci class=\"fa fa-arrow-circle-right btnAction\"\u003e\u003c/i\u003e\u003c/span\u003e\u0027;\r\n                    }, \"width\": \u002715px\u0027,\r\n                },\r\n                { \"data\": \"APartyName\" },\r\n                { \"data\": \"APartyCode\", \"width\": \u002765px\u0027 },\r\n                { \"data\": \"PartyName\" },\r\n                { \"data\": \"Active\", \"width\": \u002715px\u0027 }\r\n            ],\r\n            \"fnInitComplete\": function (oSettings, json) {\r\n                //g_tblFixedCaseAParties = new $.fn.dataTable.FixedColumns(tblCaseAParties, {\r\n                //    leftColumns: 0,\r\n                //    rightColumns: 0,\r\n                //    \"sHeightMatch\": \"auto\",\r\n                //    \"sFillGapStyle\": \"alignDataTableDownFurther\"\r\n                //});\r\n\r\n                //g_tblCaseAParties_DT.SetUpDataTableEvents(\u0027tblCaseAParties\u0027, tblCaseAParties, g_tblFixedCaseAParties)\r\n\r\n                $(\u0027#tblCaseAParties tbody\u0027).on(\u0027mouseup\u0027, \u0027#showAPartyInfo\u0027, function (e) {\r\n                    \r\n                    let data = tblCaseAParties.row($(this).parent()).data();\r\n                    if (data == null) {\r\n\r\n                        data = tblCaseAParties.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                    $.ajax({\r\n                        url: \u0027/CourtsCMWS/CMWebSearch/SearchByAParty/GetAPartyDetails\u0027,\r\n                        data: JSON.stringify({ partyNumber: data.APartyNumber }),\r\n                        dataType: \u0027json\u0027, type: \u0027post\u0027,\r\n                        success: function (result) {\r\n\r\n                            if (!result.succeed) {\r\n                                alertModal(result.errors);\r\n                                return false;\r\n                            }\r\n\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(\u0027hidden.bs.modal\u0027, function () {\r\n                                $(\u0027#modalSubPage\u0027).empty();\r\n                            });\r\n\r\n                        }\r\n                    })\r\n\r\n                    return false;\r\n                });\r\n            },\r\n            \"fnDrawCallback\": function (oSettings) {\r\n                g_tblCaseAParties_DT.ShowHidePaging(oSettings);\r\n            }\r\n        }); // end of DataTable\r\n\r\n    });\r\n\u003c/script\u003e"}