1. #1
    Sencha Premium Member
    Join Date
    Aug 2011
    Location
    Bangalore, INDIA
    Posts
    51
    Vote Rating
    0
    StutiAwasthi is on a distinguished road

      0  

    Exclamation Answered: Make the data in the gridpanel as a hyperlink to another page

    Answered: Make the data in the gridpanel as a hyperlink to another page


    Hi all...

    I need to make the data present in the gridpanel of a particular column as hyperlink. Example, if the name of the column is REPORT_NO. If you click on any of the report numbers present in this column, its respective report should open. Any ideas? Its kinda URGENT.

  2. You can achieve this by defining a renderer for that column and returning the following from the renderer:

    Code:
    var str = '<a href="url">'+val+'</a>';
    return str;
    This should resolve the issue.

  3. #2
    Sencha User
    Join Date
    Feb 2011
    Posts
    174
    Vote Rating
    1
    Answers
    10
    netemp is on a distinguished road

      0  

    Default Use a renderer

    Use a renderer


    You can achieve this by defining a renderer for that column and returning the following from the renderer:

    Code:
    var str = '<a href="url">'+val+'</a>';
    return str;
    This should resolve the issue.

  4. #3
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    St. Louis, MO
    Posts
    33,599
    Vote Rating
    435
    Answers
    3102
    mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of

      0  

    Default


    May want to add a target to that a tag to open in a new window/tab
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    http://www.JSONPLint.com - Source to lint your JSONP!

    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is almost in print!

    When posting code, please use BBCode's CODE tags.

  5. #4
    Sencha Premium Member
    Join Date
    Aug 2011
    Location
    Bangalore, INDIA
    Posts
    51
    Vote Rating
    0
    StutiAwasthi is on a distinguished road

      0  

    Default


    Thanks a lot, netemp and Mitchell Simoens!