[Solved] Stacked header column with ajax sorting

[Abhi]

Hi,

Currently I have implemented  stacked header column with server side sorting functionality by using the below script



<br><br>.HeaderTemplate(()=>{%><br>                                                                <a id="headerFirstName" class="t-link" href="#" onclick="telerikCustomSort('headerFirstName','FirstName');return true;">First Name</a><br>                                                                <a id="headerLastName" class="t-link" href="#" onclick="telerikCustomSort('headerLastName','LastName');return true;">Last Name</a><br>                                                                <a id="headerSufix" class="t-link" href="#" onclick="telerikCustomSort('headerSuffix','Suffix');return true;">temptext</a> <br>                                                                <br>                                                                <%});

function endsWith(str, suffix) { return str.indexOf(suffix, str.length - suffix.length) !== -1; }<br>function getParameterByName(name) { name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]"); var regexS = "[\\?&]" + name + "=([^&#]*)"; var regex = new RegExp(regexS); var results = regex.exec(window.location.href); if (results == null) return ""; else return decodeURIComponent(results[1].replace(/\+/g, " ")); }<br>function telerikCustomSort(id, orderBy) {<br>    var host = window.location;<br>    var path = host.pathname.split("/ProductList");<br>    var newHref;<br>    var oldHref = getParameterByName('Grid-orderBy');<br>    var gridPage = getParameterByName('Grid-page');<br>    if (gridPage == "") {<br>        gridPage = 1; <br>    }<br>    if (endsWith(oldHref, orderBy + '-asc')) {<br>        newHref = oldHref.replace('asc', 'desc');<br>    }<br>    else if (endsWith(oldHref, orderBy + '-desc')) {<br>        newHref = oldHref.replace('desc', 'asc');<br>    }<br>    else {<br>        newHref = orderBy + '-asc';<br>    }<br><br>    window.location = path[0] + '?Grid-orderBy=' + newHref + '&Grid-page=' + gridPage;<br><br>}

I would like to implement the same functionality using ajx sorting method.

Do any one have any idea about idea this?

Thanks,
ABHI