3.2.0
Forum Demo Guide API Store

Grid not displaying inside a <DIV>

Hi

I want to display the grid inside <DIV> with display style=none. I have a tab interface, one of the tab has this grid. I want to show the grid when the user clicks on the tab. So I change the display style=block.
But the grid is not displaying at all.

Any help with this will be appreciated.

dp
February 24,
Hi dp,

I had that same problem ... actually it worked fine in FF but the grid didn't display in IE. Instead of setting the style to none I solved it by setting the class of the div to a class that included display none.

Here is a full working example 

<html>  
<head>  
    <script src="runtime/lib/aw.js"></script>  
    <link href="runtime/styles/xp/aw.css" rel="stylesheet"></link>  
</head>  
<body>  

            <style>

               .divHide {
                display:none;
                }
                .divShow {
                position: absolute;
                z-index: 999999;
                padding: 0px;
                border: 1px solid navy;
                background: #fff;
                }
            </style>

<script>
var myHeaders = ["Column 1", "Column Name", "Column 3", "Column 4", "Column 5", "Column 6" ];;
var myData = [

["data1","data 2","data 3","data 4","data 5","data 6"],
["data21","data 2","data 3","data 4","data 5","data 6"],
["data31","data 2","data 3","data 4","data 5","data 6"],
["data251","data 2","data 3","data 4","data 5","data 6"],
["data261","data 2","data 3","data 4","data 5","data 6"]
]

var gridobj = new AW.UI.Grid;
gridobj.setControlSize(600, 400);
gridobj.setColumnCount(6);
gridobj.setRowCount(26);
gridobj.setCellEditable(false);
gridobj.setSelectorVisible(true);
gridobj.setHeaderText(myHeaders);
gridobj.setCellText(myData);


function showgrid() {
document.getElementById("divwithgrid").className = "divShow";
}

function hidegrid() {
document.getElementById("divwithgrid").className = "divHide";
}

</script>

<a href="javascript:showgrid();">show</a>&nbsp;&nbsp;
<a href="javascript:hidegrid();">hide</a><br>

<div id="divwithgrid" class="divHide" style="position:absolute;background-color:white;">

<script>
document.write(gridobj) ;
</script>

</div>


</body>  
</html>
Rob Francis
February 25,
Rob!!!
That is a sexy little example! I wondered myself how to make that work!

THANKS SO MUCH!
-geoff
G CAYMAN
February 25,
Rob

Thanks for the solution and I fixed my problem.

I like to ask you one more question, I have tab control, under 2 tab control I have 2 data grids displayed. I have the following script on head section of the html on the both the grid, bcoz, the height, width and number of columns displayed are different in both the grid. When I change the height on 2nd grid, the first grid is displayed with the same height as the 2nd grid. How to control the style part of the grids.

<style>
.active-controls-grid {width: 800; height: 400; font: menu; background-color: #FFFFFF;}

.active-column-0 {width: 50px;}
.active-column-1 {width: 80px;}
.active-column-2 {width: 100px;}
.active-column-3 {width: 100px;}
.active-column-4 {width: 50px;}
.active-column-5 {width: 120px;}
.active-column-5 {width: 80px;}
.active-column-5 {width: 80px;}
.active-column-0 {text-align: left;}
.active-column-1 {text-align: left;}
.active-column-2 {text-align: left;}
.active-column-3 {text-align: left;}
.active-column-4 {text-align: right;}
.active-column-5 {text-align: left;}

.active-grid-column {border-right: 1px solid threedlightshadow;}
.active-grid-row {border-bottom: 1px solid threedlightshadow;}
.active-row-cell {border-right: 1px dotted #000000}
</style>

Thanks


February 26,
Can you post a small complete example that illustrates the problem?

When you post the code use the '#' button on the left to wrap the code with 'code' blocks. This will make it easy to copy and paste without word wrapping.

BTW, In the 'grid in grid' demo at
http://friendsofaw.com

I noticed some bugs with the scrollbars of the 2 grids being related. In that case I didn't figure out how to override the common behavior. However, for grid size I think you should be able to specify the size for each and get it to work.
Rob Francis
February 26, 
[code]Rob

Here is the sample of the 2 grids. Please copy to your local computer and run it. 

1) First grid sample code with data.

    <html>
<head>
    <title></title>
    <style> 
            body, html {margin:0px; padding: 0px; overflow: hidden;font: menu;border: none;} 
       </style>
    <!-- ActiveWidgets stylesheet and scripts -->
    <link href="/RGA_New/runtime/styles/xp/grid.css" rel="stylesheet" type="text/css" ></link>
    <script src="/RGA_New/runtime/lib/grid.js"></script>
    <script src="/RGA_New/runtime/lib/paging1.js"></script>

    [b]<style>
        .active-controls-grid {width: 800; height: 400; font: menu; background-color: #FFFFFF;}

        .active-column-0 {width:  50px;}
        .active-column-1 {width:  80px;}
        .active-column-2 {width:  100px;}
        .active-column-3 {width:  100px;}
        .active-column-4 {width:  50px;}
        .active-column-5 {width:  120px;}
        .active-column-5 {width:  80px;}
        .active-column-5 {width:  80px;}
        .active-column-0 {text-align: left;}
        .active-column-1 {text-align: left;}
        .active-column-2 {text-align: left;}
        .active-column-3 {text-align: left;}
        .active-column-4 {text-align: right;}
        .active-column-5 {text-align: left;}

        .active-grid-column {border-right: 1px solid threedlightshadow;}
        .active-grid-row {border-bottom: 1px solid threedlightshadow;}
   	        .active-row-cell {border-right: 1px dotted #000000}
    </style>[/b]
    <!-- ActiveWidgets ASP functions -->
        

</head>
<body>
<DIV ID='div1' STYLE='display:block;overflow:hidden;'>

<script>
var obj_columns = [
"Quote#", "Date", "Name", "comments", "qty", "Quote", "Q_Date", "status", 
];

var obj_data = [
["12240", "2/24/2006", "Pressure Specialty Inc", "OE472003 Customer HOT for this.  He claims sleeve closing angle runs out .0015 to .002\r\nOn a Haas SL-10, spindle nose and our back plate run true.", "1", "", "1/1/1900", "New", ],
["12239", "2/24/2006", "Industrial Marketing", "Return Motor plate only- I gave to Linda M to get credit from Baldor", "1", "", "1/1/1900", "New", ],
["12238", "2/24/2006", "Brush Wellman", "", "1", "", "1/1/1900", "Evaluated", ],
["12237", "2/24/2006", "C W Rod Tool", "", "1", "", "1/1/1900", "Evaluated", ],
["12236", "2/24/2006", "Jordan Hamilton", "", "1", "", "1/1/1900", "Evaluated", ],
["12235", "2/24/2006", "TIMET", "customer sent in FedEx ", "1", "RLNoNDealerQuoteNew.rpt", "2/24/2006", "Quoted", ],
["12234", "2/24/2006", "ALLOY MACHINE", "OE471435, Customer is HOT for this, need to fix and return ASAP.  Customer claims when he installs the collet and then goes to tighten down the key it doesnt line up with the keyway in the collet, off by approx 1/16.  He has to take the body off of the back plate and wiggle it alittle for everything to line up.  ", "1", "", "1/1/1900", "New", ],
["12233", "2/23/2006", "Albany Pump Co.", "", "1", "", "1/1/1900", "Evaluated", ],
["12232", "2/23/2006", "Tools & Abrasive Supply", "", "1", "", "1/1/1900", "Evaluated", ],
["12231", "2/23/2006", "C W Rod", " Evaluation", "1", "", "1/1/1900", "Evaluated", ],
["12230", "2/22/2006", "CEM Corvp.", "", "1", "", "1/1/1900", "Evaluated", ],
["12229", "2/22/2006", "Scientific Tool", "", "1", "", "1/1/1900", "Evaluated", ],
["12228", "2/22/2006", "Carbide & S", "", "1", "", "1/1/1900", "Evaluated", ],
["12227", "2/22/2006", "The Alta Group", "", "1", "", "1/1/1900", "Evaluated", ],
["12226", "2/21/2006", "DGI Florida", "", "1", "", "1/1/1900", "Evaluated", ],
["12225", "2/21/2006", "XCELDYNE Techn.", "", "2", "", "1/1/1900", "Evaluated", ],
["12224", "2/21/2006", "Summers", "", "1", "RLDealerQuoteNew.rpt", "2/22/2006", "Quoted", ],
["12223", "2/21/2006", "Production Tool", "", "1", "RLDealerQuoteNew.rpt", "2/22/2006", "Quoted", ],
["12222", "2/21/2006", "Buckeye Ind.", "", "1", "RLDealerQuoteNew.rpt", "2/22/2006", "Quoted", ],
["12221", "2/21/2006", "Stamm Tool", "", "1", "RLDealerQuoteNew.rpt", "2/22/2006", "Quoted", ],
["12220", "2/21/2006", "Atlantic Tooling", "", "1", "", "1/1/1900", "Evaluated", ],
["12219", "2/21/2006", "ALTECH Machining", "", "1", "RLNoNDealerQuoteNew.rpt", "2/22/2006", "Quoted", ],
["12216", "2/17/2006", "Brock-McVey", "", "1", "RLDealerQuoteNew.rpt", "2/21/2006", "Quoted", ],
["12215", "2/17/2006", "C & W MFG", "OE#477350, Customer claims drawtube adapter OD not concentric to ID threads and can not thread collet in far enough.  Already sent new adapter n/c.  Customer just sending this old adapter in for our QC department to look at.  Any questions, see Tim    Received 2/21/06", "1", "", "1/1/1900", "Evaluated", ],
["12214", "2/16/2006", "Peerless Supply", "", "1", "RLDealerQuoteNew.rpt", "2/22/2006", "Quoted", ],
["12213", "2/16/2006", "Appalachian Eletronic Instr.", "", "1", "", "1/1/1900", "Evaluated", ],
["12210", "2/16/2006", "T & A Industrial", "", "1", "ALDealerQuoteNew.rpt", "2/22/2006", "Quoted", ],
["12208", "2/15/2006", "Tool Care ", "", "1", "RLDealerQuoteNew.rpt", "2/22/2006", "Quoted", ],
["12207", "2/15/2006", "ETCO", "", "3", "RLDealerQuoteNew.rpt", "2/22/2006", "Quoted", ],
["12205", "2/15/2006", "Abrasive Tool", "", "1", "RLDealerQuoteNew.rpt", "2/22/2006", "Quoted", ],
["12202", "2/15/2006", "Four State Industrial", "", "1", "RLDealerQuoteNew.rpt", "2/22/2006", "Quoted", ],
["12201", "2/15/2006", "NNT", "", "2", "RLDealerQuoteNew.rpt", "2/22/2006", "Quoted", ],
["12199", "2/15/2006", "Rapid Machine", "Ref OE# 476740. Keith has specs in spec folder. needs to be changed to D1-3, cut front tube, new resa.\r\nS/W Jim, will pay $100 for new resa    Rec eived 2/17/06", "1", "", "1/1/1900", "Evaluated", ],
["12198", "2/15/2006", "Machinists Tools & S", "", "1", "ALDealerQuoteNew.rpt", "2/21/2006", "Quoted", ],
["12197", "2/14/2006", "Fastenal, Cleveland", "", "2", "RLDealerQuoteNew.rpt", "2/22/2006", "Quoted", ],
["12195", "2/13/2006", "EDAC Techn. S[indel Div.", "Tim Roth quoted a 10986 at $3515 with 6 weeks delivery to Larry. Customer may just want to have it exchanged, if so this is the information to use. DAC 02/16/06", "1", "RLNoNDealerQuoteNew.rpt", "2/23/2006", "Quoted", ],
["12194", "2/13/2006", "Nashville Wire", "", "1", "ALNoNDealerQuoteNew.rpt", "2/22/2006", "Quoted", ],
["12193", "2/13/2006", "DGI Salt Lake", "", "1", "RLDealerQuoteNew.rpt", "2/22/2006", "Quoted", ],
["12192", "2/13/2006", "Fastenal", "", "1", "RLDealerQuoteNew.rpt", "2/22/2006", "Quoted", ],
["12191", "2/13/2006", "Industrial Machine", "", "2", "RLNoNDealerQuoteNew.rpt", "2/22/2006", "Quoted", ],
["12190", "2/13/2006", "IDG", "", "1", "RLDealerQuoteNew.rpt", "2/22/2006", "Quoted", ],
["12188", "2/10/2006", "Pinnacle Tool ", "", "2", "RLDealerQuoteNew.rpt", "2/22/2006", "Quoted", ],
["12186", "2/9/2006", "Material Sales Comp.", "", "1", "RLDealerQuoteNew.rpt", "2/13/2006", "Quoted", ],
["12185", "2/9/2006", "Kendeco", "", "2", "RLDealerQuoteNew.rpt", "2/13/2006", "Quoted", ],
["12181", "2/9/2006", "Wayne Prod.-BEV'S", "For evaluation- replaced at no charge, Customer said there is something wrong w. this Motor\r\n2/14 s/w paul, he will call cust. and see what the problem is.(KP)\r\nfrom: Washes machine shop. This is their third unit. 1st was ups damage. 2nd was replacement. ", "1", "", "1/1/1900", "New", ],
["12180", "2/8/2006", "WEBCO", "", "1", "RLNoNDealerQuoteNew.rpt", "2/9/2006", "Quoted", ],
["12176", "2/8/2006", "Western Tool", "", "1", "ALDealerQuoteNew.rpt", "2/9/2006", "Quoted", ],
["12155", "2/3/2006", "Marshall Tool", "", "1", "RLDealerQuoteNew.rpt", "2/6/2006", "Quoted", ],
["12154", "2/3/2006", "Nelson Storm Tool", " in 3 boxes,", "17", "RLDealerQuoteNew.rpt", "2/13/2006", "Quoted", ],
["12153", "2/3/2006", "MSC, Worcester", "", "10", "RLDealerQuoteNew.rpt", "2/10/2006", "Quoted", ],
["12152", "2/2/2006", "MESCO", "", "3", "RLDealerQuoteNew.rpt", "2/6/2006", "Quoted", ],
["12149", "2/2/2006", "Choice Prec. Mach,", "", "1", "RLDealerQuoteNew.rpt", "2/6/2006", "Quoted", ],
["12133", "1/31/2006", "Jenks Mach Tool", "Trade in Quote", "2", "RLNoNDealerQuoteNew.rpt", "2/1/2006", "Quoted", ],
["12132", "1/31/2006", "D B Industrial", "", "5", "RLDealerQuoteNew.rpt", "2/13/2006", "Quoted", ],
["12123", "1/27/2006", "Abrasive Tool Corp.", "only 1 Pc in box- box is damaged.", "1", "", "1/1/1900", "New", ],
["12119", "1/26/2006", "Co Motion Cycles", "Att. Tim, for evaluation- Tim took back to shop", "1", "", "1/1/1900", "New", ],
["12114", "1/25/2006", "Rite-Way Tool Company, Inc.", "", "2", "ALDealerQuoteNew.rpt", "1/31/2006", "Quoted", ],
["12113", "1/25/2006", "Praxair", "", "2", "ALDealerQuoteNew.rpt", "1/31/2006", "Quoted", ],
["12111", "1/24/2006", "Rochester Gauges, Inc.", "Arbors attached", "2", "ALNoNDealerQuoteNew.rpt", "1/26/2006", "Quoted", ],
["12104", "1/23/2006", "Welles Masnufacturing", "", "1", "RLNoNDealerQuoteNew.rpt", "1/25/2006", "Quoted", ],
["12097", "1/20/2006", "Tool Systems, Inc.", "", "1", "RLDealerQuoteNew.rpt", "1/24/2006", "Quoted", ],
["12096", "1/20/2006", "Olson Machining, Inc.", "", "1", "RLNoNDealerQuoteNew.rpt", "1/24/2006", "Quoted", ],
["12095", "1/20/2006", "Fetterolf Corporation", "", "1", "RLNoNDealerQuoteNew.rpt", "1/24/2006", "Quoted", ],
["12091", "1/20/2006", "Brush Wellman", "", "2", "RLNoNDealerQuoteNew.rpt", "1/24/2006", "Quoted", ],
["12090", "1/18/2006", "Bekaert Progressive Composites", "", "5", "RLNoNDealerQuoteNew.rpt", "1/24/2006", "Quoted", ],
["12089", "1/18/2006", "Paul Bentler", "", "2", "ALNoNDealerQuoteNew.rpt", "1/24/2006", "Quoted", ],
["12087", "1/18/2006", "Industrial Tooling and Supply", "", "5", "ALDealerQuoteNew.rpt", "2/1/2006", "Quoted", ],
["12084", "1/18/2006", "Abrasive Tool Corporation", "", "1", "RLDealerQuoteNew.rpt", "1/24/2006", "Quoted", ],
["12082", "1/18/2006", "Pacific Sintered Metals", "", "1", "RLNoNDealerQuoteNew.rpt", "1/20/2006", "Quoted", ],
["12078", "1/17/2006", "Deco Tool Supply Co.", "", "1", "RLDealerQuoteNew.rpt", "1/20/2006", "Quoted", ],
["12075", "1/17/2006", "Material Sales Company, Inc.", "", "1", "RLDealerQuoteNew.rpt", "1/20/2006", "Quoted", ],
["12074", "1/17/2006", "Merwin-Stoltz Co, Inc.", "", "4", "RLDealerQuoteNew.rpt", "1/20/2006", "Quoted", ],
["12066", "1/16/2006", "Simsbury Precision Products", "", "2", "RLNoNDealerQuoteNew.rpt", "1/20/2006", "Quoted", ],
["12062", "1/13/2006", "Howard Machine Repair", "", "1", "RLNoNDealerQuoteNew.rpt", "1/19/2006", "Quoted", ],
["12061", "1/13/2006", "St. Louis Tool Supply", "", "1", "RLDealerQuoteNew.rpt", "1/19/2006", "Quoted", ],
["12057", "1/12/2006", "Sabre Defence Industries", "", "8", "RLNoNDealerQuoteNew.rpt", "1/18/2006", "Quoted", ],
["12056", "1/12/2006", "Shively Bros.", "", "1", "ALDealerQuoteNew.rpt", "1/19/2006", "Quoted", ],
["12043", "1/10/2006", "Surpless, Dunn & Co", "", "1", "", "1/1/1900", "Evaluated", ],
["12034", "1/6/2006", "Precision Industries", "Danaher Motion-bearings are shot", "1", "RLNoNDealerQuoteNew.rpt", "1/24/2006", "Quoted", ],
["12033", "1/6/2006", "Saber Tool Company", "", "1", "RLNoNDealerQuoteNew.rpt", "1/10/2006", "Quoted", ],
["12031", "1/6/2006", "Barry E. Walter", "", "2", "RLNoNDealerQuoteNew.rpt", "1/10/2006", "Quoted", ],
["12025", "1/4/2006", "Permac Industries", "", "1", "RLNoNDealerQuoteNew.rpt", "1/10/2006", "Quoted", ],
["12018", "12/29/2005", "Industrial Tool Supply", "Wants arbor seperated from chuck and chuck repaired.", "1", "ALDealerQuoteNew.rpt", "1/5/2006", "Quoted", ],
["11994", "12/22/2005", "C.B. Dekorne, Inc.", "", "1", "ALDealerQuoteNew.rpt", "1/5/2006", "Quoted", ],
["11988", "12/22/2005", "Tools of West Georgia", "", "1", "RLDealerQuoteNew.rpt", "1/5/2006", "Quoted", ],
["11976", "12/19/2005", "Tool Crib For: Kawasaki Motors", "", "3", "RLDealerQuoteNew.rpt", "1/5/2006", "Quoted", ],
["11974", "12/19/2005", "Cutting Tools", "", "1", "RLDealerQuoteNew.rpt", "1/4/2006", "Quoted", ],
["11972", "12/19/2005", "TIMET", "", "1", "RLNoNDealerQuoteNew.rpt", "1/4/2006", "Quoted", ],
["11968", "12/19/2005", "Bass Tool", "", "3", "RLDealerQuoteNew.rpt", "1/10/2006", "Quoted", ],
["11967", "12/15/2005", "Kenbil Eng. (Advanced Tool}", "", "1", "ALDealerQuoteNew.rpt", "12/19/2005", "Quoted", ],
["11966", "12/15/2005", "Kali Industrial Supply Inc", "", "1", "RLNoNDealerQuoteNew.rpt", "12/20/2005", "Quoted", ],
["11961", "12/14/2005", "Janco", "Ordered on oe# 475031. Recieved bushings (?) not resa's. Must correct and ship ASAP. (KP)", "2", "", "1/1/1900", "New", ],
["11943", "12/9/2005", "Lemco Prec.", "", "1", "ALNoNDealerQuoteNew.rpt", "12/19/2005", "Quoted", ],
["11935", "12/9/2005", "Howell Mcduff", "", "4", "RLNoNDealerQuoteNew.rpt", "12/19/2005", "Quoted", ],
["11931", "12/8/2005", "St. Jude Medical", "", "1", "", "1/1/1900", "New", ],
["11928", "12/8/2005", "Chevalier", "16808 AOCC- they want us to make RESA threads same as OE#460947 (2.340-16)", "1", "", "1/1/1900", "New", ],
["11924", "12/7/2005", "Harrison Ind. Sales", "", "1", "RLDealerQuoteNew.rpt", "12/9/2005", "Quoted", ],
["11909", "12/5/2005", "Decore-Ative", "", "1", "RLNoNDealerQuoteNew.rpt", "1/5/2006", "Quoted", ],
["11907", "12/5/2005", "Tool Crib", "", "1", "", "1/1/1900", "Evaluated", ],
["11906", "12/2/2005", "Findlay Indust.", "", "1", "ALNoNDealerQuoteNew.rpt", "12/8/2005", "Quoted", ],
["11905", "12/2/2005", "Marshall Tool", "", "1", "RLDealerQuoteNew.rpt", "12/8/2005", "Quoted", ],
["11898", "12/1/2005", "Maclean Prec. Machine co.", "", "2", "RLNoNDealerQuoteNew.rpt", "12/2/2005", "Quoted", ],
["11896", "12/1/2005", "Wilson Arms", "", "1", "RLNoNDealerQuoteNew.rpt", "1/24/2006", "Quoted", ],
["11895", "12/1/2005", "Warren Cutlery", "", "1", "ALNoNDealerQuoteNew.rpt", "12/2/2005", "Quoted", ],
["11890", "11/30/2005", "Albright Autom. Machine", "", "1", "ALNoNDealerQuoteNew.rpt", "12/8/2005", "Quoted", ],
["11886", "11/30/2005", "Carbide & Supply", "", "1", "RLDealerQuoteNew.rpt", "12/13/2005", "Quoted", ],
["11884", "11/29/2005", "MSC, Clearwater", "", "2", "RLDealerQuoteNew.rpt", "11/30/2005", "Quoted", ],
["11880", "11/29/2005", "Scott Manufacturing", "Customer bought p/n 73050 about 45 days ago and claims it is not holding a drill.  Sending in for evaluation and warranty claim.", "1", "", "1/1/1900", "New", ],
["11871", "11/23/2005", "Advanced Machine & Tool Co", "Chuck is attached to customer's arbor.", "1", "ALNoNDealerQuoteNew.rpt", "11/30/2005", "Quoted", ],
["11863", "11/18/2005", "The Alta Group", "", "1", "RLNoNDealerQuoteNew.rpt", "11/29/2005", "Quoted", ],
["11857", "11/17/2005", "Milltronics", "RTS both parts. No credit due. Replacements sent on OE#473730- charged difference new to old parts.", "2", "", "1/1/1900", "New", ],
["11855", "11/17/2005", "Gilbertson Tool", "", "1", "RLNoNDealerQuoteNew.rpt", "12/8/2005", "Quoted", ],
["11852", "11/17/2005", "MSC , De", "", "1", "RLDealerQuoteNew.rpt", "11/18/2005", "Quoted", ],
["11841", "11/15/2005", "Western Tool", "", "1", "RLDealerQuoteNew.rpt", "11/18/2005", "Quoted", ],
["11836", "11/15/2005", "Hamilton Mach.", "", "1", "RLNoNDealerQuoteNew.rpt", "11/18/2005", "Quoted", ],
["11821", "11/11/2005", "M&H Supply", "", "2", "RLDealerQuoteNew.rpt", "12/5/2005", "Quoted", ],
["11819", "11/10/2005", "Advanced Machinery Companies", "", "1", "RLDealerQuoteNew.rpt", "11/17/2005", "Quoted", ],
["11805", "11/7/2005", "Lead Screw International (LSI)", "Resend fax per Dave Houseman", "3", "RLNoNDealerQuoteNew.rpt", "11/17/2005", "Quoted", ],
["11790", "11/2/2005", "Colorado Distrib.", "", "1", "ALNoNDealerQuoteNew.rpt", "11/11/2005", "Quoted", ],
["11781", "10/31/2005", "Marshall Tool", "", "1", "RLDealerQuoteNew.rpt", "11/15/2005", "Quoted", ],
["11777", "10/31/2005", "M&M Sales", "", "1", "RLDealerQuoteNew.rpt", "11/15/2005", "Quoted", ],
["11773", "10/28/2005", "DTC In dustrial Tool", "", "1", "RLDealerQuoteNew.rpt", "11/15/2005", "Quoted", ],
["11764", "10/26/2005", "Ozark Bearing & Supply", "", "1", "ALNoNDealerQuoteNew.rpt", "11/15/2005", "Quoted", ],
["11760", "10/26/2005", "HERLACHE", "", "3", "RLDealerQuoteNew.rpt", "12/6/2005", "Quoted", ],
["11757", "10/26/2005", "Tool Crib", "These prices are NET!", "10", "RLDealerQuoteNew.rpt", "11/3/2005", "Quoted", ],
["11740", "10/21/2005", "DGI, NM", "", "1", "RLDealerQuoteNew.rpt", "11/3/2005", "Quoted", ],
["11736", "10/20/2005", "Peerless Supply", "", "1", "ALDealerQuoteNew.rpt", "10/27/2005", "Quoted", ],
["11698", "10/11/2005", "Precision Supply", "", "1", "ALDealerQuoteNew.rpt", "10/27/2005", "Quoted", ],
["11623", "9/22/2005", "Honeywell- The Alta Group", "", "1", "RLNoNDealerQuoteNew.rpt", "10/5/2005", "Quoted", ],
["11577", "9/13/2005", "Precision Supply Com.", "", "1", "ALDealerQuoteNew.rpt", "9/16/2005", "Quoted", ],
["11546", "9/7/2005", "IDG, St Louis", "", "6", "RLDealerQuoteNew.rpt", "9/15/2005", "Quoted", ],
["11524", "8/31/2005", "Andes Com", "", "1", "", "1/1/1900", "New", ],
["11502", "8/24/2005", "Mc Dermott", "Arbor is good.(kp)", "1", "ALNoNDealerQuoteNew.rpt", "9/2/2005", "Quoted", ],
["11491", "8/23/2005", "EASTON", "Att. TimRoth", "4", "", "1/1/1900", "Evaluated", ],
["11479", "8/18/2005", "Micro-Vu Corp.", "", "1", "ALNoNDealerQuoteNew.rpt", "8/24/2005", "Quoted", ],
["11476", "8/17/2005", "Eastern Sports", "sending for evaluation", "1", "", "1/1/1900", "New", ],
["11419", "8/5/2005", "Clean Air Techn.", "", "1", "", "1/1/1900", "Evaluated", ],
["11344", "7/25/2005", "Tweed Innovative Design", "Customer already bought replacement on OE# 463383.  Scrap this one. received 7.29.05 & Scraped", "1", "", "1/1/1900", "New", ],
["11318", "7/15/2005", "Kent", "rework and send back n/c. from old OE# 462272   Received /21/05", "1", "", "1/1/1900", "Evaluated", ],
["11302", "7/14/2005", "FMC", "Collet threads in okay. Needs chain wrench to remove.  Evaluate.", "1", "", "1/1/1900", "New", ],
["11295", "7/12/2005", "USI", "Att. Ed S. or Tim R.", "1", "", "1/1/1900", "New", ],
["11135", "6/3/2005", "MSC Ind. Supply", "Ship to: Russ McDonnell,Eastern Drillers Mfg.   717-684-3070", "1", "", "1/1/1900", "New", ],
["11097", "5/27/2005", "Application Spec. Inc.", "", "1", "RLDealerQuoteNew.rpt", "6/3/2005", "Evaluated", ],
];

try {
  var obj= new Active.Controls.Grid;
  obj.setRowCount(143);
  obj.setColumnCount(8);
  obj.setDataText(function(i, j){return obj_data[i][j]});
  obj.setColumnText(function(i){return obj_columns[i]});
  obj.setAction('click', function(src){document.all.logid.value = src.getItemProperty('text')});
  document.write(obj);
}
catch (error){
  document.write(error.description);
}
</script>

</div> 
</body>
</html>

2) Second grid sample code with data.

      <html>
<head>
    <title></title>
    <style> 
            body, html {margin:0px; padding: 0px; overflow: hidden;font: menu;border: none;} 
       </style>
    <!-- ActiveWidgets stylesheet and scripts -->
    <link href="/RGA_New/runtime/styles/xp/grid.css" rel="stylesheet" type="text/css" ></link>
    <script src="/RGA_New/runtime/lib/grid.js"></script>
    <script src="/RGA_New/runtime/lib/paging1.js"></script>

[b]	<style>
        .active-controls-grid {width: 800; height: 100; font: menu; background-color: #FFFFFF;}

        .active-column-0 {width:  50px;}
        .active-column-1 {width:  50px;}
        .active-column-2 {width:  120px;}
        .active-column-3 {width:  50px;}
        .active-column-4 {width:  80px;}
        .active-column-0 {text-align: left;}
        .active-column-1 {text-align: left;}
        .active-column-2 {text-align: left;}
        .active-column-3 {text-align: right;}
        .active-column-4 {text-align: left;}

        .active-grid-column {border-right: 1px solid threedlightshadow;}
        .active-grid-row {border-bottom: 1px solid threedlightshadow;}
   	        .active-row-cell {border-right: 1px dotted #000000}
    </style>[/b]
    <!-- ActiveWidgets ASP functions -->
    

</head>
<body>
<DIV ID='div1' STYLE='display:block;overflow:hidden;'>

<script>
var objlines_columns = [
"Quote#", "Part#", "Description", "Qty", "RepairType", 
];

var objlines_data = [
["12239", "R35L234-672", "2 HP Baldor Motor", "1", "Exchange", ],
];

try {
  var objlines= new Active.Controls.Grid;
  objlines.setRowCount(1);
  objlines.setColumnCount(5);
  objlines.setDataText(function(i, j){return objlines_data[i][j]});
  objlines.setColumnText(function(i){return objlines_columns[i]});
  objlines.setAction('click', function(src){document.all.logid.value = src.getItemProperty('text')});
  document.write(objlines);
}
catch (error){
  document.write(error.description);
}
</script>

</div> 
</body>
</html>


I have highlighted the 2 style part, if you look at the code, the height on both the grid is different. When I run the program, both grid get loaded at same time.

Hope you got I explained.

Thanks[/code]
February 26,
Opps ... I didn't realize you were using v1.0. I just started using this a couple of months ago and have only used v2.0.

Sorry ... maybe someone with 1.0 experience can answer.
Rob Francis
February 26,
Ver 1.0 and 2.0 works in the same way for what you are asking for.
You just need to give each grid an "Id" name by .. obj.setId('OBJID');
and then set the styles for that grid beguins with it.
#OBJID .active-column-0 {width: 50px;}

And same thing for your second grid (i.e.)

var objlines= new Active.Controls.Grid;
objlines.setId('whatever');
objlines.setRowCount(1);
...............

and it's styles defined as:

#whatever .active-column-0 {width: 50px;}

If the Id is not defined/applyed, the styles are generic, and therefor aplicated to every new grid defined below.
HTH
Carlos
February 26,
Hi Carlos

Thanks for the reply. I did what ever you said in the sample, but still it is not working ok. Moreover, the first grid has 500 rows, the 2nd grid has less than 10 rows. If I display both the grid simaltenously, the scrollbar in the first grid is not working properly.

Any idea why it is acting like this when I use 2 grids on one application.

Thanks

dp
February 27,

This topic is archived.

See also:

This example shows how to Drag and Drop Rows in a v2.0 Grid to change the row order Rob Francis (59)
2.0 - I need a Grid inside a Grid Rob Francis (17)
Grid Cell Not Displaying White Spaces Jez (True Track Software) (24)
Search Grid Column For Match Joe (45)
Grid in Grid - Inner grid lacks scroolbars Diego Vilar (13)
Refresh Grid joe (27)
Data dissapears when grid is is inside a div alex (10)
Grid is not displaying more that 55555 rows. Gops (10)
Correct way to update table model in Extended Grid Curt K. (19)
deselected checkbox(aw.tecmplates.checkbox) Render inside a grid josh (9)

Back to support forum

Search

New Data Grid
Angular Data Grid
React Data Grid
Vue Data Grid
Svelte Data Grid

Version 2

Looking for AW 2.6 ?
The old site is here.

ActiveWidgets is a javascript library for creating user interfaces. It offers excellent performance for complex screens while staying simple, compact and easy to learn. Deployed by thousands of commercial customers in more than 70 countries worldwide.

Copyright © ActiveWidgets 2021
Getting Started
 
Sample Code API Reference Support Forum Prices & Licensing
 
Contact Us