डीजीआरडी

Question

में 100% ऊँचाई डीजीआरडी उदाहरण अपने कंटेनर की ऊंचाई का 100% कैसे लेना संभव है? मैं ".dgrid" वर्गीकृत div को एक विशिष्ट ऊंचाई बनाने के लिए सीएसएस का उपयोग कर सकता हूं लेकिन जब मैं इसे 100% पर सेट करता हूं तो यह प्रदर्शित नहीं होता है।

Answer 1

समझ गया।

.dgrid { 
    position: absolute; 
    top: 0; 
    bottom: 0; 
    left: 0; 
    right: 0; 
    height: auto; 
} 

(के साथ स्थिति पूर्ण/कंटेनर पर रिश्तेदार, निश्चित रूप से) @ voidstate के जवाब

Answer 2

अच्छा है। एक अन्य तरीका यह करने के लिए इस तरह है:

HTML:

<div class="containsDGrid"> 
    <div data-dojo-attach-point="dgrid"></div> 
</div> 

सीएसएस:

.containsDGrid { 
    height: 500px; 
    width: 500px; 
} 

.dgrid { 
    height: 100%; 
    width: 100%; 
} 

महत्वपूर्ण है, dgrid के माता-पिता आप 100% करने के लिए dgrid की ऊंचाई सेट करता है, तो इसके हाइट सेट होना चाहिए। देख

एक और उदाहरण के लिए Dojo Dgrid - Use remaining space in block

Answer 3

मैं समर्थित लगता है: उदाहरण के अगर हम .containsDGrid div की ऊंचाई निर्धारित नहीं करते हैं तो यह इस तरह दिखेगा के लिए (2px की ऊंचाई नोटिस) ऐसा करने का तरीका .dgrid-autoheight सीएसएस वर्ग के साथ है।

 require([ 
      "dgrid/List", 
      "dgrid/OnDemandGrid", 
      "dgrid/Selection", 
      "dgrid/Keyboard", 
      "dojo/_base/declare", 
      "dgrid/test/data/createAsyncStore", 
      "dgrid/test/data/smallColorData", 
      "dojo/domReady!" 
     ], function(List, Grid, Selection, Keyboard, declare, createAsyncStore, smallColorData){ 
       window.grid = new (declare([Grid, Selection, Keyboard]))({ 
        className: "dgrid-autoheight", 
        collection: createAsyncStore({ data: smallColorData }), 
        columns: { 
         col1: "Color", 
         col5: "R", 
         col6: "G", 
         col7: "B" 
        } 
       }, "grid"); 
      }); 

यह test examples से है।