Page 1 of 2 12 LastLast
Results 1 to 10 of 13

Thread: How to achieve like this?

  1. #1
    Sencha User
    Join Date
    May 2010
    Posts
    10
    Vote Rating
    0
      0  

    Default 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
      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
    118
      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
      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
    118
      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
      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
    118
      0  

    Default

    ??? Can you rephrase that question?

  8. #8
    Sencha User
    Join Date
    May 2010
    Posts
    10
    Vote Rating
    0
      0  

    Default

    Sorry!event is not evens.

  9. #9
    Sencha User
    Join Date
    May 2010
    Posts
    10
    Vote Rating
    0
      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
      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!

Page 1 of 2 12 LastLast

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

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
  •