Results 1 to 9 of 9

Thread: scroll multiselect to selected item

  1. #1
    Sencha User
    Join Date
    Aug 2010
    Posts
    67
    Vote Rating
    0
      0  

    Default scroll multiselect to selected item

    hi everyone

    I have a multiselect component in Ext js 3. I have a number of entries in it. Now i want to select an entry and scroll multiselect to make it visible to the user. I am able to select an entry but i cannot scroll multiselect.

    I have used dataview component and i do this same function using following:
    dataviewObj.container.dom.scrollTop = (42 * index);

    but cannot implement this is multiselect.

    Can someone please tell me how to achieve this with multiselect????

    Thank you alot...regards

  2. #2
    Sencha User jay@moduscreate.com's Avatar
    Join Date
    Mar 2007
    Location
    DC Area =)
    Posts
    16,364
    Vote Rating
    85
      0  

    Default

    Do you want to scroll all selected items into the view? This doesn't make sense to me. It breaks typical UI selection patterns.

  3. #3
    Sencha User
    Join Date
    Aug 2010
    Posts
    67
    Vote Rating
    0
      0  

    Default scroll to selected item in multiselect

    hi thanks for replying. I want to select an item (that i m doing with select() method). But I want to scroll to that item in multiselect. I am able to scroll dataview (dataviewObj.container.dom.scrollTop = (42 * index) but how to scroll multiselect? as scrolltop doesn't work.

    Is there any way to do this????

    Regards

  4. #4
    Sencha User
    Join Date
    Aug 2010
    Posts
    67
    Vote Rating
    0
      0  

    Default

    There is really no way to scroll multiselect programmatically ????????

    Please somebody help...

  5. #5
    Sencha - Ext JS Dev Team Animal's Avatar
    Join Date
    Mar 2007
    Location
    Bédoin/Redwood City
    Posts
    30,626
    Vote Rating
    56
      0  
    Longtime Sencha geek. Outspoken advocate of pure Javascript Views. Posts my own opinions.

  6. #6
    Sencha User
    Join Date
    Aug 2010
    Posts
    67
    Vote Rating
    0
      0  

    Default

    hi thanks for replying.

    I tried to implement this function before also but i still dont get any result.

    I tried following:
    Code:
    var multiselect = msForm.items.items[0];
                    multiselect.view.select(15);
                    multiselect.getEl().scrollIntoView();
    Thanks alot for help
    Regards

  7. #7
    Sencha - Ext JS Dev Team Animal's Avatar
    Join Date
    Mar 2007
    Location
    Bédoin/Redwood City
    Posts
    30,626
    Vote Rating
    56
      0  

    Default

    And which scrollable element are you hoping that it will scroll to move that element into view??
    Longtime Sencha geek. Outspoken advocate of pure Javascript Views. Posts my own opinions.

  8. #8
    Sencha - Ext JS Dev Team Animal's Avatar
    Join Date
    Mar 2007
    Location
    Bédoin/Redwood City
    Posts
    30,626
    Vote Rating
    56
      0  

    Default

    And anyway, you are asking for the MULTISELECT to be scrolled into view. Read it!
    Longtime Sencha geek. Outspoken advocate of pure Javascript Views. Posts my own opinions.

  9. #9
    Sencha User
    Join Date
    Aug 2010
    Posts
    67
    Vote Rating
    0
      0  

    Default

    hi animal thanks alot for help.... Sorry but i m not an expert in extjs.... i tried to add container in scrollIntoView() function like:

    Code:
    multiselect.getEl().scrollIntoView(multiselect.container, false);
    I am not sure whether i m trying correct or not. but can u please give an example or so. I tried to implement in multiselect-demo.html only but i dont get any result.

    Thanks alot for help
    Regards

Similar Threads

  1. Scroll to an selected Item in a List
    By milo08 in forum Sencha Touch 1.x: Discussion
    Replies: 8
    Last Post: 2 Dec 2012, 11:52 PM
  2. ux.MultiSelect ->Scroll Increment
    By madirishman in forum Ext 3.x: Help & Discussion
    Replies: 0
    Last Post: 5 May 2010, 10:42 AM
  3. Sort MultiSelect box by selected items
    By hadi78 in forum Ext 3.x: Help & Discussion
    Replies: 1
    Last Post: 14 Dec 2009, 2:58 PM
  4. Replies: 5
    Last Post: 26 Jun 2009, 2:42 AM
  5. How do i get the selected items (multiselect)
    By Naokai in forum Ext 2.x: Help & Discussion
    Replies: 1
    Last Post: 30 Mar 2009, 5:39 AM

Tags for this Thread

Posting Permissions

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