1. #601
    Sencha User xjpmauricio's Avatar
    Join Date
    Jul 2009
    Location
    Portugal, Setúbal
    Posts
    88
    Vote Rating
    1
    xjpmauricio is on a distinguished road

      0  

    Default


    Nice component. What about a check/uncheck all function?

  2. #602
    Ext User
    Join Date
    Jun 2010
    Posts
    2
    Vote Rating
    0
    dirkc is on a distinguished road

      0  

    Default undefined

    undefined


    I like this component very much!
    However for some reason it is not displaying my values in the box, but instead it is displaying undefined.
    As I am just starting with Ext js and javascript I am sure it's my mistake.


    PHP Code:
    Ext.BLANK_IMAGE_URL 'extjs/resources/images/default/s.gif';
    Ext.ns('Example');
    Example.version '1.0';

    Ext.override(Ext.ux.form.LovCombo, {
        
    beforeBlurExt.emptyFn
    });

    // application entry point
    Ext.onReady(function() {
        
    Ext.QuickTips.init();

        var 
    lc = new Ext.ux.form.LovCombo({
             
    id:'lovcombo'
            
    //,renderTo:'lovcomboct'
            
    ,width:300
            
    ,hideOnSelect:false
            
    ,maxHeight:200
            
    ,valueField 'val'
            
    ,displayField 'name'
            
    ,store:[
                 [
    1'Personnel []']
                ,[
    11'Finance (33)']
                ,[
    5'Door']
                ,[
    6'Door Panel']
                ,[
    2'Management !77']
                ,[
    38'Hello<br>There']
                ,[
    25'Production']
                ,[
    3'Users']
                ,[
    20'Window']
                ,[
    21'Window Panel']
                ,[
    22'Form Panel']
                ,[
    23'Grid Panel']
                ,[
    24'Data View Panel']
            ]
            ,
    triggerAction:'all'
            
    ,mode:'local'
        
    });

        var 
    tf = new Ext.form.TextField({
             
    //renderTo:'textct'
             
    id:'tf'
            
    ,width:300
            
    ,selectOnFocus:false
            
    ,listeners:{
                
    focus:function() {this.setValue(lc.getValue());}
            }
        });

        
    // window with grid
        
    var win = new Ext.Window({
             
    width:600
            
    ,id:'agwin'
            
    ,height:400
            
    ,layout:'fit'
            
    ,border:false
            
    ,plain:true
            
    ,closable:true
            
    //,title:Ext.get('page-title').dom.innerHTML
            
    ,items:[lctf]
        });
        
    win.show();
    }); 
    Attached Images

  3. #603
    Ext User
    Join Date
    Jun 2010
    Posts
    2
    Vote Rating
    0
    dirkc is on a distinguished road

      0  

    Default


    Quote Originally Posted by dirkc View Post
    I like this component very much!
    However for some reason it is not displaying my values in the box, but instead it is displaying undefined.
    As I am just starting with Ext js and javascript I am sure it's my mistake.


    PHP Code:
    Ext.BLANK_IMAGE_URL 'extjs/resources/images/default/s.gif';
    Ext.ns('Example');
    Example.version '1.0';

    Ext.override(Ext.ux.form.LovCombo, {
        
    beforeBlurExt.emptyFn
    });

    // application entry point
    Ext.onReady(function() {
        
    Ext.QuickTips.init();

        var 
    lc = new Ext.ux.form.LovCombo({
             
    id:'lovcombo'
            
    //,renderTo:'lovcomboct'
            
    ,width:300
            
    ,hideOnSelect:false
            
    ,maxHeight:200
            
    ,valueField 'val'
            
    ,displayField 'name'
            
    ,store:[
                 [
    1'Personnel []']
                ,[
    11'Finance (33)']
                ,[
    5'Door']
                ,[
    6'Door Panel']
                ,[
    2'Management !77']
                ,[
    38'Hello<br>There']
                ,[
    25'Production']
                ,[
    3'Users']
                ,[
    20'Window']
                ,[
    21'Window Panel']
                ,[
    22'Form Panel']
                ,[
    23'Grid Panel']
                ,[
    24'Data View Panel']
            ]
            ,
    triggerAction:'all'
            
    ,mode:'local'
        
    });

        var 
    tf = new Ext.form.TextField({
             
    //renderTo:'textct'
             
    id:'tf'
            
    ,width:300
            
    ,selectOnFocus:false
            
    ,listeners:{
                
    focus:function() {this.setValue(lc.getValue());}
            }
        });

        
    // window with grid
        
    var win = new Ext.Window({
             
    width:600
            
    ,id:'agwin'
            
    ,height:400
            
    ,layout:'fit'
            
    ,border:false
            
    ,plain:true
            
    ,closable:true
            
    //,title:Ext.get('page-title').dom.innerHTML
            
    ,items:[lctf]
        });
        
    win.show();
    }); 
    Meanwhile I was able to fix it by changing the valuefield to 'field1' and the displayField to 'field2'.

    Thanks & Regards

  4. #604
    Ext Premium Member
    Join Date
    Sep 2010
    Posts
    15
    Vote Rating
    0
    docsnyder is on a distinguished road

      0  

    Default


    hi,

    I was trying out this with Ext 3.3 and noticed that the list of values was empty, after the ComboBox lost focus. I googled myself this code http://extjs.com.br/forum/index.php?...e;topic=2705.0 and it works.

    Is it ok to use this code? Or is there any newer/better patch for my problem?

  5. #605
    Sencha User
    Join Date
    Sep 2009
    Location
    Istanbul / Turkey
    Posts
    45
    Vote Rating
    0
    hazimdikenli is on a distinguished road

      0  

    Default


    I am using this w/ 3.3.1
    and I included
    Ext.ux.form.LovCombo.css,
    Ext.ux.util.js,
    Ext.ux.form.LovCombo.js

    I am not seeing any checkboxes do I need to include anything more? What could be the reason for not seeing the checkboxes.

    SOLVED:
    ok it seems the css paths were not correct for me.

    .ux-lovcombo-icon-checked {
    background: transparent url('../images/default/menu/checked.gif');
    }
    .ux-lovcombo-icon-unchecked
    {
    background: transparent url('../images/default/menu/unchecked.gif');
    }
    Last edited by hazimdikenli; 8 Feb 2011 at 5:17 AM. Reason: solved

  6. #606
    Sencha Premium Member i.stojanovic's Avatar
    Join Date
    Oct 2010
    Location
    Kragujevac, Serbia
    Posts
    24
    Vote Rating
    0
    i.stojanovic is on a distinguished road

      0  

    Default structured lovcombo

    structured lovcombo


    How to organize lovcombo list as tree?
    I need list with categories (bold or some other style) and subcategories (left padding 20px).
    I try to set html tags on element (category work with<b> tag), but if I check element, input field show html source (<b>category name</b>).

    please help.

  7. #607
    Sencha Premium Member i.stojanovic's Avatar
    Join Date
    Oct 2010
    Location
    Kragujevac, Serbia
    Posts
    24
    Vote Rating
    0
    i.stojanovic is on a distinguished road

      0  

    Default


    How to organize lovcombo list as tree?
    I need list with categories (bold or some other style) and subcategories (left padding 20px).
    I try to set html tags on element (category work with<b> tag), but if I check element, input field show html source (<b>category name</b>).

    please help.
    Hi again,
    I found solution:

    1. in Ext.ux.form.LovCombo.css add this
    .ux-lovcombo-level--1 { font-weight:bold; } /* category level */
    .ux-lovcombo-level-0 { padding-left:0px; } /* defult level */
    .ux-lovcombo-level-1 { padding-left:30px; } /* subcategory level */
    ...


    2. in Ext.ux.form.LovCombo.js add this, after checkField:'checked'
    ,levelField:'0'
    and line
    +'<div class="ux-lovcombo-item-text">{' + (this.displayField || 'text' )+ '}</div>'
    change to
    +'<div class="ux-lovcombo-item-text ux-lovcombo-level-{' + this.levelField + '}">{' + (this.displayField || 'text' )+ '}</div>'


    3. in PHP script or JSON structure add third parameter for level, example:
    fields: ['id', 'name', 'level']
    store: [['1', 'category', '-1'], ['11', 'subcategory1', '1'], ['12', 'subcategory2', '1']]

    4. in lovcombo configuration define levelField, example:
    lc_reg = new Ext.ux.form.LovCombo({
    id : 'lovcombo_reg',
    renderTo : 'regioni',
    width : 310,
    hideOnSelect : false,
    multiple : true,
    store : lista_regiona,
    valueField : 'id',
    displayField : 'name',
    levelField : 'level',
    triggerAction : 'all',
    mode : 'local'
    });

    and voila,



    I houp this is useful.

  8. #608
    Sencha User
    Join Date
    Jul 2008
    Posts
    15
    Vote Rating
    0
    hallow is on a distinguished road

      0  

    Question Input cursor jumping in IE.

    Input cursor jumping in IE.


    I've got an interesting situation with IE. I've made a small tweak so that the user can type their list in. Values that are typed will be selected, if they exist in the list.

    It works perfectly in firefox. IE (8) however, insits on moving the cursor to the beginning of the text box after the first item is entered (if it matches something in the store). I haven't been able to track down why this is. If I start the field with a comma, it leaves the cursor alone. Once I'm past the first value, the problem doesn't come up (so ,X,Y,Z works). This appears to happen only inside of Form's - inside a grid cell editor, IE works the same as firefox.

    This is driving me insane!

  9. #609
    Sencha - Community Support Team jsakalos's Avatar
    Join Date
    Apr 2007
    Location
    Slovakia
    Posts
    27,538
    Vote Rating
    380
    jsakalos has a brilliant future jsakalos has a brilliant future jsakalos has a brilliant future jsakalos has a brilliant future jsakalos has a brilliant future jsakalos has a brilliant future jsakalos has a brilliant future jsakalos has a brilliant future jsakalos has a brilliant future jsakalos has a brilliant future jsakalos has a brilliant future

      0  

    Default


    Once I've solved the similar problem and IIRC it included creating some textRanges, moving cursor, etc. Quite complex...
    Jozef Sakalos, aka Saki

    Education, extensions and services for developers at new http://extjs.eu
    News: Grid Search Plugin, ExtJS 5 Complex Data Binding using MVVM


  10. #610
    Sencha User
    Join Date
    Jul 2009
    Posts
    2
    Vote Rating
    0
    gtegos is on a distinguished road

      0  

    Default Bug when using LovCombo as column editor in EditorGridPanel

    Bug when using LovCombo as column editor in EditorGridPanel


    When using LovCombo as Column editor in GridPanel, and selecting multiple values in the combo box, the grid cell value is only the first item in the selection. The problem dissapears if removing the space after this.separator in function getCheckedDisplay.

    Code:
    	,getCheckedDisplay:function() {
    		var re = new RegExp(this.separator, "g");
    		return this.getCheckedValue(this.displayField).replace(re, this.separator + ' ');

Thread Participants: 195

  1. galdaka (2 Posts)
  2. Dumbledore (8 Posts)
  3. nassaja-rus (2 Posts)
  4. mystix (4 Posts)
  5. fabrizim (1 Post)
  6. sdrew (1 Post)
  7. x5150 (4 Posts)
  8. exo (1 Post)
  9. JorisA (2 Posts)
  10. rarerules (2 Posts)
  11. Darklight (2 Posts)
  12. RhythmFighter (2 Posts)
  13. hui2008 (9 Posts)
  14. ntulip (1 Post)
  15. tobiu (3 Posts)
  16. cmendez21 (1 Post)
  17. steffenk (4 Posts)
  18. zapatista (2 Posts)
  19. george.antoniadis (1 Post)
  20. vlados (3 Posts)
  21. Alcoholov (1 Post)
  22. vibez (1 Post)
  23. dclaussen (1 Post)
  24. stefan.riedel-seifert (1 Post)
  25. nkohari (1 Post)
  26. vishalg (3 Posts)
  27. paparent (3 Posts)
  28. cnelissen (1 Post)
  29. wm003 (2 Posts)
  30. wvuong (3 Posts)
  31. SxOrpheus (5 Posts)
  32. mabello (21 Posts)
  33. sean.zhou (1 Post)
  34. kerbo (2 Posts)
  35. bendawg (2 Posts)
  36. sigaref (3 Posts)
  37. syscobra (1 Post)
  38. mankz (2 Posts)
  39. Sesshomurai (2 Posts)
  40. cblin (1 Post)
  41. smagen (1 Post)
  42. muh-die-kuh (2 Posts)
  43. Zolcsi (1 Post)
  44. evanc (1 Post)
  45. graveyardfashions (2 Posts)
  46. tarini (2 Posts)
  47. franck34 (1 Post)
  48. angelflaree (1 Post)
  49. BuckBazooka (2 Posts)
  50. skbach (5 Posts)
  51. jarnix (1 Post)
  52. ry.extjs (3 Posts)
  53. savva (1 Post)
  54. spiderman123 (1 Post)
  55. razvanioan (2 Posts)
  56. EasyEl (3 Posts)
  57. salvo (5 Posts)
  58. hpet (1 Post)
  59. futurezhang (4 Posts)
  60. chalu (6 Posts)
  61. Maharshi (4 Posts)
  62. siebertm (1 Post)
  63. TwystNeko (1 Post)
  64. dotchris (4 Posts)
  65. brenda (1 Post)
  66. mholyszko (3 Posts)
  67. bt_bruno (2 Posts)
  68. codeminer (1 Post)
  69. dgms (1 Post)
  70. cojas99 (1 Post)
  71. epoks (1 Post)
  72. shay2501 (1 Post)
  73. Remy (3 Posts)
  74. johnathanhebert (3 Posts)
  75. malord (1 Post)
  76. nescha (3 Posts)
  77. dxi (2 Posts)
  78. Efex (3 Posts)
  79. rails_user (1 Post)
  80. nebbian (6 Posts)
  81. evelynloo (2 Posts)
  82. nitznitz (1 Post)
  83. VictorSmirnov (1 Post)
  84. astagl (1 Post)
  85. supercharge2 (2 Posts)
  86. 7twenty (1 Post)
  87. mbajema (2 Posts)
  88. mthad (4 Posts)
  89. s4brown (1 Post)
  90. tripkos (2 Posts)
  91. cmaster (1 Post)
  92. hallow (1 Post)
  93. chiefclaudio (2 Posts)
  94. stive (2 Posts)
  95. Rothariger (7 Posts)
  96. ajatib (1 Post)
  97. freddd (2 Posts)
  98. kagupta@quark.com (2 Posts)
  99. Jack9 (6 Posts)
  100. jingyang (1 Post)
  101. lionheart33806 (3 Posts)
  102. proximus121 (3 Posts)
  103. Achim74 (2 Posts)
  104. foxmarco (1 Post)
  105. frank_ash (1 Post)
  106. wolverline (2 Posts)
  107. amnesia7 (1 Post)
  108. DoS (7 Posts)
  109. zeke (2 Posts)
  110. atian25 (1 Post)
  111. lakshmi (1 Post)
  112. anjuprema00 (1 Post)
  113. oliverseitz (2 Posts)
  114. olriche38 (3 Posts)
  115. Zack7 (2 Posts)
  116. dizor (1 Post)
  117. malstroem (1 Post)
  118. Stju (1 Post)
  119. kora.kanchan (4 Posts)
  120. whodat (7 Posts)
  121. minusForty (2 Posts)
  122. Seatle83 (1 Post)
  123. chelflores (1 Post)
  124. j_mmontero (1 Post)
  125. dbassett74 (1 Post)
  126. Gjslick (1 Post)
  127. eufire (4 Posts)
  128. salihgedik (1 Post)
  129. asnem (2 Posts)
  130. casbar (4 Posts)
  131. jack sparrow (1 Post)
  132. sajjan (3 Posts)
  133. bergstyle (1 Post)
  134. zyon (3 Posts)
  135. anaju (3 Posts)
  136. Smeraldo (2 Posts)
  137. gomby (1 Post)
  138. vivitron (5 Posts)
  139. Andreas B. (1 Post)
  140. wolfhowlmedia (2 Posts)
  141. Gadbury (1 Post)
  142. Thomas Triplet (5 Posts)
  143. Gonfi (1 Post)
  144. walta (3 Posts)
  145. Gustavo Silva (2 Posts)
  146. heavywave (1 Post)
  147. xjpmauricio (2 Posts)
  148. gtegos (1 Post)
  149. Rotterdam (2 Posts)
  150. chullan (1 Post)
  151. Ajithamani (1 Post)
  152. frederickd (1 Post)
  153. hazimdikenli (1 Post)
  154. completej (1 Post)
  155. harel (4 Posts)
  156. fitzkarraldo (1 Post)
  157. idmsch (3 Posts)
  158. headshredder (2 Posts)
  159. vikasj (2 Posts)
  160. cbhawk89 (1 Post)
  161. taronja (3 Posts)
  162. Keith Chadwick (1 Post)
  163. brainunit (2 Posts)
  164. milestonebass (1 Post)
  165. pankajsharma (3 Posts)
  166. devtig (2 Posts)
  167. fff398 (1 Post)
  168. Jensen (7 Posts)
  169. f0rmycurry (1 Post)
  170. hotdesc (1 Post)
  171. aghextjs (2 Posts)
  172. a.bongardt (1 Post)
  173. abdel.e (1 Post)
  174. alexxey (1 Post)
  175. ccyborg (4 Posts)
  176. ryanfebus (1 Post)
  177. dirkc (2 Posts)
  178. RCV (2 Posts)
  179. amanind (4 Posts)
  180. pipiet06 (1 Post)
  181. alukin (2 Posts)
  182. raghu.gitam (1 Post)
  183. dicos (1 Post)
  184. docsnyder (1 Post)
  185. dgeiselman (7 Posts)
  186. adavsko (2 Posts)
  187. andrei.stoleru (2 Posts)
  188. i.stojanovic (2 Posts)
  189. ldubois (1 Post)
  190. rodo008 (1 Post)
  191. kman (1 Post)
  192. googlebush (1 Post)
  193. ldashevskiy (2 Posts)
  194. yerman (1 Post)
  195. kwyc (1 Post)