1. #1
    Sencha User
    Join Date
    Aug 2010
    Posts
    67
    Vote Rating
    0
    shahdollie is on a distinguished road

      0  

    Default scroll multiselect to selected item

    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
    jay@moduscreate.com's Avatar
    Join Date
    Mar 2007
    Location
    Frederick MD, NYC, DC
    Posts
    16,360
    Vote Rating
    81
    jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all

      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
    shahdollie is on a distinguished road

      0  

    Default scroll to selected item in multiselect

    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
    shahdollie is on a distinguished road

      0  

    Default


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

    Please somebody help...

  5. #5

  6. #6
    Sencha User
    Join Date
    Aug 2010
    Posts
    67
    Vote Rating
    0
    shahdollie is on a distinguished road

      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
    Notts/Redwood City
    Posts
    30,505
    Vote Rating
    52
    Animal has a spectacular aura about Animal has a spectacular aura about Animal has a spectacular aura about

      0  

    Default


    And which scrollable element are you hoping that it will scroll to move that element into view??

  8. #8
    Sencha - Ext JS Dev Team Animal's Avatar
    Join Date
    Mar 2007
    Location
    Notts/Redwood City
    Posts
    30,505
    Vote Rating
    52
    Animal has a spectacular aura about Animal has a spectacular aura about Animal has a spectacular aura about

      0  

    Default


    And anyway, you are asking for the MULTISELECT to be scrolled into view. Read it!

  9. #9
    Sencha User
    Join Date
    Aug 2010
    Posts
    67
    Vote Rating
    0
    shahdollie is on a distinguished road

      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

Thread Participants: 2

Tags for this Thread