-
8 Jul 2010 5:39 PM #1
How to achieve like this?
-
8 Jul 2010 11:48 PM #2
me too want combo like this.any one help pls..
-
9 Jul 2010 1:39 AM #3Sencha - Community Support Team
- Join Date
- Mar 2007
- Location
- The Netherlands
- Posts
- 24,251
- Vote Rating
- 41
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.
-
9 Jul 2010 1:52 AM #4
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' });
-
9 Jul 2010 2:52 AM #5Sencha - Community Support Team
- Join Date
- Mar 2007
- Location
- The Netherlands
- Posts
- 24,251
- Vote Rating
- 41
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?
-
15 Jul 2010 7:28 PM #6
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
-
15 Jul 2010 10:28 PM #7Sencha - Community Support Team
- Join Date
- Mar 2007
- Location
- The Netherlands
- Posts
- 24,251
- Vote Rating
- 41
??? Can you rephrase that question?
-
15 Jul 2010 11:03 PM #8
-
15 Jul 2010 11:07 PM #9
The first picture you understand?
My English is poor.
Please forgive me!
-
15 Jul 2010 11:15 PM #10
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
-
How can I achieve the same in ExtJS ?
By calavera in forum Ext 3.x: Help & DiscussionReplies: 8Last Post: 22 Oct 2009, 6:52 AM -
How to achieve timer autorefresh dataview?
By zhangby in forum Ext 2.x: Help & DiscussionReplies: 6Last Post: 25 Jun 2008, 5:52 PM -
how to achieve implementation inheritance in extjs?
By bmf1972 in forum Ext 2.x: Help & DiscussionReplies: 14Last Post: 16 Mar 2008, 12:49 PM -
Country select box in extjs -- help me to achieve
By Ratnavel in forum Ext 2.x: Help & DiscussionReplies: 1Last Post: 9 Jan 2008, 4:36 AM -
Could ext achieve such an effect like GoogleSuggest
By conan_lee in forum Ext 1.x: Help & DiscussionReplies: 1Last Post: 12 Aug 2007, 9:57 PM


Reply With Quote