Need help for Combobox paging event

  1. #1

    Need help for Combobox paging event

    Hi everyone
    I need to use combobox
    My problem is that the store is so big with more than 33.000 rows
    So that I need to use 2 rows combobox with paging like this:
    
    
    <ext:ComboBox 
    
    
    ID="cboAccountDetail" 
    
    
    runat="server"
    
    
    EmptyText="Select Item"
    
    
    TypeAhead="true"
    
    
    ForceSelection="true"
    
    
    StoreID="storeAccountItem"
    
    
    ValueField="UniqueID"
    
    
    MinChars="1"
    
    
    ListWidth="300"
    
    
    PageSize="10"
    
    
    
    
    
    ItemSelector="tr.list-item" 
    
    
    Width = "310" X= "10" Y = "35">
    
    
    <Template ID="Template1" runat="server">
    
    
    <html>
    
    
    <tpl for=".">
    
    
    <tpl set = "[xcount = 100]" if="[xindex] == 1" >
    
    
    <table class="cbStates-list">
    
    
    <tr>
    
    
    <th></th>
    
    
    </tr>
    
    
    </tpl>
    
    
    <tr class="list-item">
    
    
    <td style="padding:3px 0px; font-size :12">{LastName} , {FirstName} {MiddleName} [{UniqueID}]</td>
    
    
    </tr>
    
    
    <tpl if="[xcount-xindex]==0">
    
    
    </table>
    
    
    </tpl>
    
    
    </tpl>
    
    
    </html>
    
    
    </Template>
    
    
    <Triggers>
    
    
    
    
    
    <ext:FieldTrigger Icon="Clear" HideTrigger="true" />
    
    
    </Triggers>
    
    
    <Listeners>
    
    
    <BeforeQuery Handler="this.triggers[0][ this.getRawValue().toString().length == 0? 'hide' : 'show']();" />
    
    
    <TriggerClick Handler="if (index == 0) { el.focus().clearValue(); trigger.hide();}" />
    
    
    <Select Handler="el.triggers[0].show();" />
    
    
    </Listeners>
    
    
    
    
    
    </ext:ComboBox>
    But the combobox bind all data to the store and slow down my cobobox any time user click on
    I need to do like this:
    - when the page start up, my combobox just load 10 rows, and it show total numbers of page (each page contain 10rows, in my case it show page 1 of 3300 pages),and show Next/Previous buttons
    - when user click next button, it call ajax event to load next 10 rows match with the page index
    Please show me how to do it. Thanks all
  2. #2

    RE: Need help for Combobox paging event

    Hi,

    I think the following example demonstrates the scenario you require, see


    https://examples1.ext.net/#/Form/Com...Custom_Search/


    Hope this helps.


    Geoffrey McGill
    Founder
  3. #3

    RE: Need help for Combobox paging event

    Could you give me more simple example or show me steps to do it
    I have read the example you gave, it run well and that is exactly what I need
    But I could not find out how to implement my source to do like that
    It call webservice and some things like .ashx, which I haven't known
    Thanks and sorry for my stupid
  4. #4
    i have same problem and i dont want these complex scenary, im only want that combo pagged works correctly! :)

    If you can say us how to implement "Pageindex" at codebehind or javascript/ext js code it would be fantastic ;)
  5. #5
    Hi @fastorro,

    I'm not sure what same problem you are facing.

    Please start a new forum thread with more details about the requirement.

    If you feel the threads are related, please cross-link between the two.
  6. #6
    Quote Originally Posted by Daniil View Post
    Hi @fastorro,

    I'm not sure what same problem you are facing.

    Please start a new forum thread with more details about the requirement.

    If you feel the threads are related, please cross-link between the two.
    Its easy. look this: https://examples1.ext.net/#/Form/ComboBox/Two_Columns/

    Sample don't works correctly.

    First view shows all records (60), but if you go to second page only shows ten records, as pagesize say

    https://examples1.ext.net/#/Form/ComboBox/Two_Columns/

    I have more records and its little slow to show.
    Last edited by fastorro; Apr 19, 2012 at 2:46 PM.

Similar Threads

  1. [CLOSED] paging toolbar click event
    By nhg_itd in forum 1.x Legacy Premium Help
    Replies: 11
    Last Post: Jun 01, 2013, 4:24 AM
  2. [CLOSED] Gridpanel Paging Change Event Issue
    By speedstepmem3 in forum 1.x Legacy Premium Help
    Replies: 4
    Last Post: Sep 06, 2011, 9:29 AM
  3. [CLOSED] Refresh Event in Paging Toolbar
    By speedstepmem4 in forum 1.x Legacy Premium Help
    Replies: 5
    Last Post: Aug 06, 2011, 2:46 PM
  4. [CLOSED] Gridpanel Paging Button Event
    By speedstepmem2 in forum 1.x Legacy Premium Help
    Replies: 3
    Last Post: Oct 01, 2009, 7:41 AM
  5. [CLOSED] paging toolbar event in GridPanel
    By speedstepmem3 in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Sep 25, 2009, 7:14 AM

Posting Permissions