1. #1
    Sencha User
    Join Date
    Apr 2012
    Posts
    3
    Vote Rating
    0
    Sensa is on a distinguished road

      0  

    Default Unanswered: Change the view of a nested list item

    Unanswered: Change the view of a nested list item


    Hi,

    I'm new to sencha and having some problems,

    I can't succeed in trying to change the look of a nested list item, I can my data from a database, got the store and model, now i get the title of the element in the nestedlist item.

    What i would like to do is add an image and some extra (smaller) text to this item.

    Any help very welcome

  2. #2
    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


    You can override the getItemTextTpl method to return an xtemplate string:

    Code:
    getItemTextTpl : function() {
        return '<div>{foo}</div>';
    }
    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.

  3. #3
    Sencha User
    Join Date
    Apr 2012
    Posts
    3
    Vote Rating
    0
    Sensa is on a distinguished road

      0  

    Default


    Hello,

    I made a custom nestedlist like this now:

    var customNestedList = Ext.extend(Ext.NestedList, {
    getListConfig : function()
    {
    var listConfig = customNestedList.superclass.getListConfig.apply(this, arguments);

    listConfig.itemTpl = ''html code ..";


    return listConfig;


    }

    ...
    this.nestedList = new customNestedList({
    ....

    Now i managed to get different text fields into one item and add an image, the next problem is that both levels of my nesterlist now have that same layout while i need the subitems to have another layout, i have no idea how this is done.

    I'm very new to this, thx for any help