Monday 16 April 2018

Select List Pagination in APEX IG


One main disadvantage of APEX Interactive Grid is the pagination. IG default pagination doesn’t have the option as classic Select List Pagination, instead it has page by page selection with Next and Previous icons.
However, the classic Select List pagination with X-Y of Z option in Interactive Grid can be achieved using the below code:

Code:

function(config) {
    config.defaultGridViewOptions = {
        rowHeader: "sequence",
        pagination: {
            showRange: true,
            showPageSelector: true,
            showPageLinks: false,
// uncomment to hide the first and last buttons
//            firstAndLastButtons: false
        }
    };
    config.defaultIconViewOptions = {
        collectionClasses: "t-Cards t-Cards--compact t-Cards--displayIcons u-colors t-Cards--desc-2ln"
    };
    return config; // don't forget to return this!
}

Place the above code in the JavaScript section of the Grid Attributes.

Output:





4 comments:

  1. Nice blog about punchout XML, it's being great to read this.
    CXML Punchout

    ReplyDelete
  2. Thanks for sharing artile about OCI Punchout
    cXML PunchOut

    ReplyDelete

  3. Good to read article about open catalog interface Punchout.
    OCI Punchout




    ReplyDelete
  4. Vurbis Interactive used punchout cxml protocol developed by Ariba which helps for online shopping and ordering between e-procurement systems.
    PunchOut cXML

    ReplyDelete