Results 1 to 5 of 5

Thread: Row expander function?

  1. #1
    Sencha User
    Join Date
    Jan 2012
    Location
    Kansas City, MO
    Posts
    7
    Vote Rating
    0
      0  

    Default Row expander function?

    I was using the row expander function in the extjs 2.0 library. When I moved over to 3.4 I noticed that this function was no longer there.

    My code currently includes this in a .jsp file
    Code:
    <script type="text/javascript" src="lib/ext-3.4.0/examples/grid/RowExpander.js"></script>
    And then I declare in a .js file

    Code:
    expander = new Ext.grid.RowExpander({
            tpl : new Ext.Template('<br><p><b>Previous Value:</b> {previousValue}<br><br>', '<p><b>New Value:</b> {newValue}<br><br>')
        });
    Is there an equivalent to this in 3.4? If not, what do I convert this into?

  2. #2
    Sencha - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    39,421
    Vote Rating
    1271
      0  

    Default

    Checkout this example and it's source which is also in the downloaded zip: http://dev.sencha.com/deploy/ext-3.4...d-plugins.html
    Mitchell Simoens @LikelyMitch
    Sencha Inc, Senior Software Engineer
    ________________
    Learn BBCode and use it!

    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 in print!

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

  3. #3
    Sencha Premium Member
    Join Date
    Feb 2013
    Location
    singapore
    Posts
    55
    Vote Rating
    0
      0  

    Default

    i tried out this example and i have problem when i increase the font size..
    i appended <font size="6"> to summary and the summary data gets overlapped...

    Ext.grid.dummyData[i].push('<font size="6"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed metus nibh, sodales a, porta at, vulputate eget, dui. Pellentesque ut nisl. Maecenas tortor turpis, interdum non, sodales non, iaculis ac, lacus. Vestibulum auctor, tortor quis iaculis malesuada, libero lectus bibendum purus, sit amet tincidunt quam turpis vel lacus. In pellentesque nisl non sem. Suspendisse nunc sem, pretium eget, cursus a, fringilla vel, urna.<br/><br/>Aliquam commodo ullamcorper erat. Nullam vel justo in neque porttitor laoreet. Aenean lacus dui, consequat eu, adipiscing eget, nonummy non, nisi. Morbi nunc est, dignissim non, ornare sed, luctus eu, massa. Vivamus eget quam. Vivamus tincidunt diam nec urna. Curabitur velit.</font size>');

    sample screenshot
    Screenshot_1.png
    can anyone help to resolve this?

  4. #4
    Sencha User
    Join Date
    Jan 2011
    Posts
    549
    Vote Rating
    54
      0  

    Default

    Don't use font tags?

    Instead append a class / id, and then use CSS/an external stylesheet to style the content with "font-size" and "line-height" properties.

  5. #5
    Sencha Premium Member
    Join Date
    Feb 2013
    Location
    singapore
    Posts
    55
    Vote Rating
    0
      0  

    Default

    the content is added and stored in DB using htmleditor, when i retrieve from DB i get the message with font tags.how can i write the css dynamically?

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •