1. #1
    Sencha User
    Join Date
    May 2010
    Posts
    10
    Vote Rating
    0
    wanghq is on a distinguished road

      0  

    Default How to achieve like this?

    How to achieve like this?


    股票.jpg
    Select stock.
    Who have good method?

  2. #2
    Sencha User
    Join Date
    Jul 2009
    Posts
    70
    Vote Rating
    0
    rubynile is on a distinguished road

      0  

    Default


    me too want combo like this.any one help pls..

  3. #3
    Sencha - Community Support Team Condor's Avatar
    Join Date
    Mar 2007
    Location
    The Netherlands
    Posts
    24,246
    Vote Rating
    91
    Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of

      0  

    Default


    A ComboBox uses a DataView in the dropdown and you can specify the tpl of the DataView in the ComboBox config.

    You can get a combobox to display like this by using a custom tpl and some css rules.

  4. #4
    Sencha User
    Join Date
    Jul 2009
    Posts
    70
    Vote Rating
    0
    rubynile is on a distinguished road

      0  

    Default


    Ya am using like this i got this structure.but unable to select individualy.when i select
    Andhra Pradesh its sorting data but when i select
    Haryana only Andhra Pradesh is sorting again i mean its able to select 1st column only not 2nd and 3rd.How to get this..
    Code:
    var store_example = new Ext.data.SimpleStore({
    fields: [{name: 'value'},{name: 'col1'},{name: 'col2'},{name: 'col3'}],
    data: [['A-G', 'A-G', 'H-K','L-O'],['Andhra Pradesh', 'Andhra Pradesh', 'Haryana', 'Ludhiana'],['Delhi', 'Delhi', 'Jharkhand','Mathura'],['Gujarat', 'Gujarat', 'Karnataka','Nagpur']
                                        ]}); 
    status_combo = new Ext.form.ComboBox({                 
    store : store_example,               
    renderTo: 'invoiceClientsOther',               
    valueField: 'value',                              
    triggerAction: 'all',               
    name : 'type',               
    editable : false,               
    tpl: '<tpl for="."><div class="x-combo-list-item"><span style="width: 30px; position: absolute;left: 0;">{col1} </span> <span style="width: 30px; position: relative;left: 150;">{col2} </span> <span style="width: 40px; position: absolute;left: 300;">{col3}</span> </div></tpl>',   
                mode : 'local'            
     });
    

  5. #5
    Sencha - Community Support Team Condor's Avatar
    Join Date
    Mar 2007
    Location
    The Netherlands
    Posts
    24,246
    Vote Rating
    91
    Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of

      0  

    Default


    I'm not completely sure what your combobox is supposed to do.

    Is this a single list of names that should be spread out over several columns or is it a list of names with details in the other columns?

  6. #6
    Sencha User
    Join Date
    May 2010
    Posts
    10
    Vote Rating
    0
    wanghq is on a distinguished road

      0  

    Default


    I only dispaly stock code and stock name!
    When I import a number,the store load.Return 10 items.what the evens of this combobox?
    stock.jpg

  7. #7
    Sencha - Community Support Team Condor's Avatar
    Join Date
    Mar 2007
    Location
    The Netherlands
    Posts
    24,246
    Vote Rating
    91
    Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of

      0  

    Default


    ??? Can you rephrase that question?

  8. #8
    Sencha User
    Join Date
    May 2010
    Posts
    10
    Vote Rating
    0
    wanghq is on a distinguished road

      0  

    Default


    Sorry!event is not evens.

  9. #9
    Sencha User
    Join Date
    May 2010
    Posts
    10
    Vote Rating
    0
    wanghq is on a distinguished road

      0  

    Default


    The first picture you understand?
    My English is poor.
    Please forgive me!

  10. #10
    Sencha User
    Join Date
    May 2010
    Posts
    10
    Vote Rating
    0
    wanghq is on a distinguished road

      0  

    Default


    I repeat my question.
    I try to say that clear.
    No matter use what way, you can achieve As shown in first picture.
    If you have good method,please tell me!
    Thank you!

Similar Threads

  1. How can I achieve the same in ExtJS ?
    By calavera in forum Ext 3.x: Help & Discussion
    Replies: 8
    Last Post: 22 Oct 2009, 6:52 AM
  2. How to achieve timer autorefresh dataview?
    By zhangby in forum Ext 2.x: Help & Discussion
    Replies: 6
    Last Post: 25 Jun 2008, 5:52 PM
  3. how to achieve implementation inheritance in extjs?
    By bmf1972 in forum Ext 2.x: Help & Discussion
    Replies: 14
    Last Post: 16 Mar 2008, 12:49 PM
  4. Country select box in extjs -- help me to achieve
    By Ratnavel in forum Ext 2.x: Help & Discussion
    Replies: 1
    Last Post: 9 Jan 2008, 4:36 AM
  5. Could ext achieve such an effect like GoogleSuggest
    By conan_lee in forum Ext 1.x: Help & Discussion
    Replies: 1
    Last Post: 12 Aug 2007, 9:57 PM

Thread Participants: 2

Tags for this Thread