iSeller Commerce
iSeller POS Retail
iSeller POS F&B
iSeller POS Express
Crosslight
WebUI
ClientUI
What's New
Download Trial
Web Solution
Mobile Solution
Enterprise Solution
Custom Development
Blog
Community
Latest Development Blogs
ForumPostTopic
Browse By Tag
Hi, In our web applicatoin we have been showing WebGrid ina WebDesktop.WebDialogBox. In the last version of WebGrid (version v9_0_7200) this work fine for both Chrome and FireFox, BUT IE11 shows this error:Line: 1Error: Unable to get property 'Tables' of undefined or null reference
Here is the code for the web-dialog:
: : <script> function ShowPopUpDialog(url, w, h) { // Flag set to avoid hiding the CommentButton (se usage in SetPerformanceTiming) m_wdbPopupVisible = true; var uniwin = { width: window.innerWidth || document.documentElement.clientWidth || document.body.offsetWidth, height: window.innerHeight || document.documentElement.clientHeight || document.body.offsetHeight }; if (uniwin.height < 1024) h = h * uniwin.height / 1024; if (uniwin.width < 1280 && w > uniwin.width - 20) w = uniwin.width - 20; var wdb = ISGetObject("c_wdbPopup"); wdb.SetContentURL(url); wdb.ShowDialog(); wdb.Window.ResizeTo(w, h); var x = (uniwin.width - 10 - w) / 2; if (x < 10) x = 10; var y = (uniwin.height - 100 - w) / 2 if (y < 10) y = 10; wdb.Window.MoveTo(x, y); } </script> : : <ISWebDesktop:WebDialogBox ID="c_wdbPopup" runat="server" Width="835px" Height="871px" Text="Control2Net Profiler" ContentScrollable="true" DialogBoxImage="None" AnimationStyle="VistaStyleZoom" ShadowColor="Black" RenderingMode="HTML5"> <WindowSettings AllowResize="Yes" ContentMode="UseIFrame"> </ISWebDesktop:WebDialogBox>
And here is the web page displayed ("url" in the script above):
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Details.aspx.cs" Inherits="WPages_Profiler_Details" %> <%@ Register Assembly="ISNet.WebUI.WebGrid" Namespace="ISNet.WebUI.WebGrid" TagPrefix="ISWebGrid" %> <%@ Register Assembly="dotnetCHARTING" Namespace="dotnetCHARTING" TagPrefix="dotnetCHARTING" %> <!DOCTYPE HTML> <html> <head id="Head1" runat="server"> <title>Details</title> <style type="text/css"> .normal {font-family: arial, verdana, sans serif; font-size: 9pt; font-weight: normal; text-decoration: none} .footer {font-family: arial, verdana, sans serif; font-size: 8pt; font-weight: normal; color: gray; text-decoration: none} .table { width: 634px; border: 1px solid #B4B4B4; margin: 0px; padding: 0px; } </style> </head> <body id="body" runat="server"> <script type="text/javascript" src="../../JSFiles/jquery-1.8.1.min.js"></script> <script type="text/javascript" src="../../JSFiles/C2NetDesktop.js"></script> <script type="text/javascript"> jQuery(document).ready(function () { C2NetPerformance(parent); }) </script> <form id="form1" runat="server"> <div> <table style="width:100%; height:100%"> <tr> <td> <div id="c_reportTitle" class="normal" align="center" runat="server"> <asp:Label ID="c_reportTitleLabel" runat="server" Height="19px" Text="- Title -" Width="100%" > </asp:Label> </div> <dotnetCHARTING:Chart ID="Chart1" runat="server" Height="400px" TempDirectory="~/Temp" Width="800px" OnLoad="Chart1_Load"> </dotnetCHARTING:Chart> </td> </tr> <tr> <td> <iswebgrid:webgrid id="WebGrid1" runat="server" usedefaultstyle="True" DefaultStyleMode="Elegant" width="100%" height="100%" BindingOperationMode="ClientBinding" EnableManagedTheming="False" EnableTheming="False" OnInitializeDatasource="WebGrid1_InitializeDataSource" OnPrepareDatabinding="WebGrid1_PrepareDataBinding" Onload="WebGrid1_Load" OnInitializeRow="WebGrid1_InitializeRow" OnInitializeTable="WebGrid1_InitializeTable" OnInitializeLayout="WebGrid1_InitializeLayout" OnExport="WebGrid1_Export"> <LayoutSettings HierarchicalMode="Preload" AutoHeight="true" Hierarchical="False" ShowRefreshButton="False" AllowExport="Yes" AllowSorting="Yes"> <ClientSideEvents OnButtonClick="Wg1_OnButtonClick" /> </LayoutSettings> </iswebgrid:webgrid> </td> </tr> </table> </div> </form> </body> </html>
The parent window containing the WebDialog is HTML5 rendered too:<!DOCTYPE HTML><html>
I'm becoming an IE11/Microsoft hater :-)Regards TJ
A simple sample is created based on your description and snippet code. However, I was unable to reproduce the reported problem, "Unable to get property 'Tables' of undefined or null reference" , using the sample.
I enclose the sample for your reference. Please have the sample evaluated on your end and feel free to let me know if there is anything that I might miss in the sample.
I found no issues when loading WebGrid with client-binding inside WebDialogBox. I set the content url of WebDialogBox to WebGrid's client-binding samples and found no issues with rendering on IE 11. All rows are loaded (not collapsed hidden).
Could you please provide me with more information about the problem so that I can assist you further?
Look forward to hearing back from you.
Yes, we need to specify the height of container if the grid height/width is set using percentage.
Glad to hear the good news.
Should you need further assistance or run into any problems regarding our controls, feel free to post it into our community site. We would be happy to assist you again.
or
Choose this if you're already a member of Intersoft Community Forum. You can link your OpenID account to your existing Intersoft Social ID.
Choose this if you don't have an Intersoft account yet. Your authenticated OpenID will be automatically linked to your new Intersoft account.
Enter your Wordpress Blogname