Sep 29, 2011, 10:16 PM
[CLOSED] Pure js example bug with Ext.Net Release 1.2
Hi,
I'm working on some examples from a book to try to get a better grip on ext. I realize extjs (3.0 which the book was written for) and ext.net are separate products, but I wonder if this is a bug or if I'm doing something wrong.
The point of the example was to demonstrate how ContainerLayout works. Here is my test page, reproducing the example from the book:
Here's a screenshot showing the error on my machine:
This occurred after I added "Child number 8". Steps to reproduce: after page loads, click "Add child" 6 times.
Notes: This is on Windows 7 Enterprise SP1, in IE9 with an application level meta policy for "X-UA-Compatible", "IE=8". It might be a bug in IE, not ext, but I thought I'd ask.
I'm working on some examples from a book to try to get a better grip on ext. I realize extjs (3.0 which the book was written for) and ext.net are separate products, but I wonder if this is a bug or if I'm doing something wrong.
The point of the example was to demonstrate how ContainerLayout works. Here is my test page, reproducing the example from the book:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Test.aspx.cs" Inherits="LW4.WWW.Admin.Web.Test" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Ext.NET Test Page</title>
<ext:ResourcePlaceHolder runat="server"></ext:ResourcePlaceHolder>
<script type="text/javascript">
Ext.onReady(function () {
var childPanel1 = {
frame: true,
height: 50,
html: "My First Child Panel",
title: "First children are fun"
};
var childPanel2 = {
width: 150,
html: "Second child",
title: "Second children have all the fun!"
};
var myWin = new Ext.Window({
height: 300,
width: 300,
title: "A window with a container layout",
autoScroll: true,
items: [
childPanel1,
childPanel2
],
tbar: [
{
text: "Add child",
handler: function () {
var numItems = myWin.items.getCount() + 1;
myWin.add({
title: "Child number " + numItems,
height: 60,
frame: true,
collapsible: true,
collapsed: true,
html: "Yay, another child!"
});
myWin.doLayout();
}
}
]
});
myWin.show();
});
</script>
</head>
<body>
<form id="form1" runat="server">
<ext:ResourceManager runat="server" ID="ResourceManager1" />
</form>
</body>
</html>
The point is to demonstrate dynamic addition to a component which implements ContainerLayout (namely, Window). What I noticed is that if enough dynamic panels are added to the window, the scrollbars do not appear correctly. Space is allocated but the scrollbars don't instantiate until the window is clicked.Here's a screenshot showing the error on my machine:
This occurred after I added "Child number 8". Steps to reproduce: after page loads, click "Add child" 6 times.
Notes: This is on Windows 7 Enterprise SP1, in IE9 with an application level meta policy for "X-UA-Compatible", "IE=8". It might be a bug in IE, not ext, but I thought I'd ask.
Last edited by Daniil; Oct 05, 2011 at 4:09 PM.
Reason: [CLOSED]