2016-05-05 5 views
0

Ich möchte die Textgröße für ein programmgesteuert generiertes Kombinationsfeld mithilfe von Dojo-Codes unten festlegen. Die Breite und Höhe funktionieren, aber nicht die Schriftgröße. Bitte helfen Sie.Verwenden Sie Dojo, um ein programmatisch generiertes Kombinationsfeld zu formatieren

var cboState = new ComboBox({ 
 
          id: "usastate", 
 
          name: "usastate", 
 
          style:{width: "100%", height: "40px", fontsize: "20px"}, 
 
          placeholder: "Select a State", 
 
          store: stateStore, 
 
          searchAttr: "name", 
 
          autocomplete: true 
 
});

+0

tat u unten Antwort .. –

Antwort

2

ändern fontsize-fontSize und es wird funktionieren.

var cboState = new ComboBox({ 
          id: "usastate", 
          name: "usastate", 
          style:{width: "100%", height: "40px", fontSize: "20px"}, 
          placeholder: "Select a State", 
          store: stateStore, 
          searchAttr: "name", 
          autocomplete: true 
}); 

Oder Sie können auch die style als String übergeben:

var cboState = new ComboBox({ 
          id: "usastate", 
          name: "usastate", 
          style:"width: '100%'; height: '40px'; font-size: '20px'", 
          placeholder: "Select a State", 
          store: stateStore, 
          searchAttr: "name", 
          autocomplete: true 
}); 
+0

Dank Himanshu für Ihre Antwort hinzugefügt versuchen hinzugefügt. Entschuldigung, beides funktionierte für mich nicht? –

+0

Nun, das ist seltsam. Sende deinen Code bitte. – Himanshu

+0

Hier ist das JsFiddle-Projekt. - https://jsfiddle.net/wgsl2005/Ld3zkerv7/ der erste Weg in Ihrem Beitrag funktionierte, aber der zweite hat nicht funktioniert. Aber keiner von ihnen arbeitet in meiner Entwicklerbox. Ist diese Funktion versionsspezifisch? –

1

Nun, ich habe laufen Probe gegeben. zusammen mit zusätzlichen benutzerdefinierten Stilen.

require([ 
 
    "dojo/store/Memory", "dijit/form/ComboBox", "dojo/domReady!" 
 
], function(Memory, ComboBox){ 
 
    var stateStore = new Memory({ 
 
     data: [ 
 
      {name:"Alabama", id:"AL"}, 
 
      {name:"Alaska", id:"AK"}, 
 
      {name:"American Samoa", id:"AS"}, 
 
      {name:"Arizona", id:"AZ"}, 
 
      {name:"Arkansas", id:"AR"}, 
 
      {name:"Armed Forces Europe", id:"AE"}, 
 
      {name:"Armed Forces Pacific", id:"AP"}, 
 
      {name:"Armed Forces the Americas", id:"AA"}, 
 
      {name:"California", id:"CA"}, 
 
      {name:"Colorado", id:"CO"}, 
 
      {name:"Connecticut", id:"CT"}, 
 
      {name:"Delaware", id:"DE"} 
 
     ] 
 
    }); 
 
    
 
    var comboBox = new ComboBox({ 
 
     id: "usastate", 
 
     name: "usastate", 
 
     style:{width: "200px", height: "28px", fontSize: "20px"}, 
 
     placeholder: "Select a State", 
 
     store: stateStore, 
 
     searchAttr: "name", 
 
     autocomplete: true 
 
    }, "stateSelect").startup(); 
 
});
<script data-dojo-config="async: 1" 
 
      src="//ajax.googleapis.com/ajax/libs/dojo/1.10.4/dojo/dojo.js"></script> 
 
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/dojo/1.10.4/dijit/themes/claro/claro.css" media="screen"> 
 
<body class="claro"> 
 
    <input id="stateSelect"> 
 
</body>

diese Hoffnung wird Ihnen helfen :)