javascript - ExtJS का उपयोग कर शैलियों को कैसे सेट करें




(2)

आपके प्रश्न में टाइपो त्रुटि है:

यह लागू नहीं है स्टाइल लेकिन लागू स्टाइल।

लागू स्टाइल Ext.Element की विधि है, आप इसे निम्नानुसार उपयोग कर सकते हैं:

var win = new Ext.Window({
      width: 200, 
      height: 200
});
win.show();

win.body.applyStyles({ 
  'background-color':'red',
  'border': '1px solid blue'
});

मैं निम्नलिखित कोड का उपयोग कर तत्व या extJS विजेट के रंग, फ़ॉन्ट आकार, पृष्ठभूमि, आदि जैसे शैलियों को बदलना चाहता था लेकिन कोई भी काम नहीं करता है:

Ext.get('mydivid').setStyle({.......});     // does not work
Ext.get('mydivid').applyStyle({.......});   // does not work
Ext.select('mydivid').applyStyle({.......});   // does not work
Ext.query('.myclass').applyStyle({.......});   // does not work

और extJs विजेट के लिए मैंने Ext.getCmp का उपयोग करने का Ext.getCmp

क्या किसी को पता है कि extjS का उपयोग करके HTML तत्व और extJS विजेट की शैलियों को कैसे बदला जाए और सीएसएस नहीं?


एचटीएमएल डोम तत्वों की शैली बदलना काफी आसान है:

एचटीएमएल

<html>
    <head>
        <title>Test</title>
    </head>
    <body>
        <div id="el1">Element 1</div>
        <div class="el">Element [1]</div>
        <div class="el">Element [2]</div>
    </body>
</html>

जावास्क्रिप्ट

Ext.onReady(function() {
    Ext.get('el1').setStyle('color', 'red');
    Ext.select('.el').setStyle('color', 'green');
});

Ext.query सीधे काम नहीं करेगा क्योंकि यह पाया गया डोम नोड्स की एक साधारण सरणी देता है, इसलिए आपको शैलियों को लागू करने के परिणामस्वरूप लूप करना होगा। तुमने वास्तव में क्या किया

स्टाइलिंग विजेट दुर्भाग्य से इतना आसान नहीं है। अधिकांश विगेट्स कुछ स्टाइलिंग गुण जैसे कि ctCls , bodyCls , bodyCls या style प्रदान करते हैं लेकिन घटक को प्रतिपादित करते समय उन्हें लागू किया जाता है। प्रतिपादन के बाद विजेट की शैली को बदलने के लिए आपको ऊपर दिए गए तरीकों का उपयोग करके विजेट के डीओएम तत्वों को सीधे बदलना होगा।






extjs