none
Looking to add Prev & Next button on all result pages including first and last

    Question

  • Here is what I did so far, but now the disabled buttons appear also with enabled.

    Some one help me with logic ?

      var pl = pagingInfo[i];
                                if(!$isNull(pl)) {
                                    var imagesUrl = GetThemedImageUrl('searchresultui.png');
                                    if(pl.startItem == -1) {
                                        var selfLinkId = "SelfLink_" + pl.pageNumber;
    _#-->
                                        <li id="PagingSelf"><a id="_#= $htmlEncode(selfLinkId) =#_">_#= $htmlEncode(pl.pageNumber) =#_</a></li>
    <!--#_ 
                                    } else if(pl.pageNumber == -1 ) {
                                        var iconClass = Srch.U.isRTL() ? "ms-srch-pagingNext" : "ms-srch-pagingPrev";
    var iconClassNext = Srch.U.isRTL() ? "ms-srch-pagingPrev" : "ms-srch-pagingNext";
    _#-->
                                        <li id="PagingImageLink"><a id="PageLinkPrev" href="#" class="ms-commandLink ms-promlink-button ms-promlink-button-enabled ms-verticalAlignMiddle" title="_#= $htmlEncode(pl.title) =#_" onclick="$getClientControl(this).page(_#= $htmlEncode(pl.startItem) =#_);return Srch.U.cancelEvent(event);">
                                            <span class="ms-promlink-button-image">
                                                <img src="_#= $urlHtmlEncodeString(imagesUrl) =#_" class="_#= $htmlEncode(iconClass) =#_" alt="_#= $htmlEncode(pl.title) =#_" />
                                            </span>
                                        </a></li>
    <li id="PagingImageLink"><a id="PageLinkNextD" href="#" class="ms-commandLink ms-promlink-button ms-promlink-button-disabled ms-verticalAlignMiddle"  >
                                            <span class="ms-promlink-button-image">
                                                <img src="_#= $urlHtmlEncodeString(imagesUrl) =#_" class="_#= $htmlEncode(iconClassNext) =#_"  />
                                            </span>
                                        </a></li>

    <!--#_ 
                                    } else if(pl.pageNumber == -2) {
                                        var iconClass = Srch.U.isRTL() ? "ms-srch-pagingPrev" : "ms-srch-pagingNext";
    var iconClassPrev = Srch.U.isRTL() ? "ms-srch-pagingNext" : "ms-srch-pagingPrev";

    _#-->
                                        <li id="PagingImageLink"><a id="PageLinkNext" href="#" class="ms-commandLink ms-promlink-button ms-promlink-button-enabled ms-verticalAlignMiddle" title="_#= $htmlEncode(pl.title) =#_" onclick="$getClientControl(this).page(_#= $htmlEncode(pl.startItem) =#_);return Srch.U.cancelEvent(event);">
                                            <span class="ms-promlink-button-image">
                                                <img src="_#= $urlHtmlEncodeString(imagesUrl) =#_" class="_#= $htmlEncode(iconClass) =#_" alt="_#= $htmlEncode(pl.title) =#_" />
                                            </span>
                                        </a></li>
    <li id="PagingImageLink"><a id="PageLinkPrevD" href="#" class="ms-commandLink ms-promlink-button ms-promlink-button-disabled ms-verticalAlignMiddle" >
                                            <span class="ms-promlink-button-image">
                                                <img src="_#= $urlHtmlEncodeString(imagesUrl) =#_" class="_#= $htmlEncode(iconClassPrev) =#_"  />
                                            </span>
                                        </a></li>

    <!--#_ 
                                    } else {
                                        var pageLinkId = "PageLink_" + pl.pageNumber;
    _#-->
                                        <li id="PagingLink"><a id="_#= $htmlEncode(pageLinkId) =#_" href="#" title="_#= $htmlEncode(pl.title) =#_" onclick="$getClientControl(this).page(_#= $htmlEncode(pl.startItem) =#_);return Srch.U.cancelEvent(event);">_#= $htmlEncode(pl.pageNumber) =#_</a></li>
    <!--#_ 
                                    }
                                }
                            }
    _#-->
                            </ul>

    Thursday, February 4, 2016 9:18 PM