:: Forum >> Version 1 >>

Dynamic load grid on iframe.

Hi everybody,
I am try to load the grid into a iframe with dynamic data but I don't have success.

I explore the tutorial code and see a usefull peace of code. I copy this code and adapt to my need.

var grid ="";//= 'var myColumns = ["Campo 0", "Campo 1", "Campo 2", "Campo 3"];';
                        
grid += 'var obj = new Active.Controls.Grid;';
                        
grid += 'obj.setId("grid1");';
                        
grid += 'obj.setModel("row", new Active.Rows.Page);';
                        
grid += 'obj.setRowProperty("pageSize", 10);';
                        
grid += 'function getPageNumber() { return obj.getRowProperty("pageNumber") + 1; }';
                        
grid += 'function getPageCount() { return obj.getRowProperty("pageCount"); }';
                        
grid += 'function goToPage(delta) {';
                        
grid += 'var count = obj.getRowProperty("pageCount");';
                        
grid += 'var number = obj.getRowProperty("pageNumber");';
                        
grid += 'number += delta;';
                        
grid += 'if (number < 0) {number = 0}';
                        
grid += 'if (number > count-1) {number = count-1}';
                        
grid += 'obj.setRowProperty("pageNumber", number);';
                        
grid += 'obj.refresh();';
                        
grid += '}';
                        
                        
grid += 'obj.setRowProperty("count", 50);';
                        
grid += 'obj.setColumnProperty("count", 4);';
                        
grid += 'obj.setDataProperty("text", function(i, j){return "Dado[" + i + "," + j + "]"});';
                        
grid += 'obj.setColumnProperty("text", function(i){return myColumns[i]});';
                                                    
                        
grid += 'document.write(obj);';                       
                        
                        var 
source "grid1";
                        var 
style "width:100%;height:350px;border:1px solid #CBC7B8;";
                        
                        
try {
                            var 
name source "-frame";
                            var 
"<iframe name='" name "' id='" name "' style='" style +"' frameborder=\"0\"></iframe>";
                            
document.write(f);
                    
                            var 
doc frames[name].document;
                            
doc.open();
                            
doc.write("<html><head>");
                            
doc.write("</head><body>");
                            
doc.write("</body></html>");
                            
doc.close()
                    
                            var 
wl window.onload;
                    
                            
window.onload = function(){
                    
                                if (
typeof wl == "function" ) {wl()}
                    
                                var 
doc frames[name].document;
                                
doc.open();
                                
doc.write("<html><head>");
                                
doc.write("<style> body, html {margin:0px; padding: 0px; overflow: hidden; font: menu} </style>");
                                
doc.write("<link href=\"js/grid.css\" rel=\"stylesheet\" type=\"text/css\" ></link>");                                
                                
doc.write("<s" "cript src=\"js/grid.js\"></s" "cript>");
                                
doc.write("<s" "cript src=\"js/paging1.js\"></s" "cript>");
                                
doc.write("</head><body>");
                                
doc.write("<s" "cript>" grid "</s" "cript>");
                    
                                
window.setTimeout(function(){
                                        
doc.write("</body></html>");
                                        
doc.close()
                                }, 
1000);
                    
                            }
                        } 
catch (e) {
                            
alert("Erro " e.message);
                        }
 
In this example I only want to simullate a data load. This code works fine offline, but when I try to load this online the explorer freeze...

Can somebody help me?
Vinícius Pitta Lima de Araújo
Thursday, September 16, 2004
Note:
The right is:
var grid = 'var myColumns = ["Campo 0", "Campo 1", "Campo 2", "Campo 3"];';

Instead of:
var grid ="";//= 'var myColumns = ["Campo 0", "Campo 1", "Campo 2", "Campo 3"];';
Vinícius Pitta Lima de Araújo
Thursday, September 16, 2004



This topic is archived.

Back to support forum

Forum search