Apr 05, 2009, 10:01 AM
EXTJS combined with Coolite Controls
Hi all
I have an urgent issue which I would be glad to get some assistance with.
I have a EXTJS layout and I want to put in it a Coolite user controler in .Net. When I try to do this the layout appears OK but the user contol does not appear at all. Pls find attached the code I'm using.
10x a lot,
Simbal
and the extjs javascript code code
...
region: 'west',
id: 'west-panel',
title: 'Tree Test',
split: true,
width: 200,
minSize: 175,
maxSize: 400,
collapsible: true,
margins: '0 0 0 0',
layout: 'accordion',
layoutConfig: {
animate: true
},
items: [{
title: 'Navigation',
border: false,
iconCls: 'nav',
items:[{
contentEl: 'script'
}]
....
I have an urgent issue which I would be glad to get some assistance with.
I have a EXTJS layout and I want to put in it a Coolite user controler in .Net. When I try to do this the layout appears OK but the user contol does not appear at all. Pls find attached the code I'm using.
10x a lot,
Simbal
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<%@ Register Assembly="Coolite.Ext.Web" Namespace="Coolite.Ext.Web" TagPrefix="ext" %>
<%@ Register TagPrefix="Control" TagName="treeTest" Src="Pages/TreeTest.ascx" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Tabs Example</title>
<link rel="stylesheet" type="text/css" href="Ext/2.2/resources/css/ext-all.css" />
<!-- GC -->
<!-- LIBS -->
<script type="text/javascript" src="Ext/2.2/adapter/ext/ext-base.js"></script>
<!-- ENDLIBS -->
<script type="text/javascript" src="Ext/2.2/ext-all.js"></script>
<script src="Ext/2.2/ext-all-debug.js" type="text/javascript"></script>
<script src="JStest.js" type="text/javascript"></script>
<!-- Tabs Example Files -->
<!-- Common Styles for the examples -->
<link rel="stylesheet" type="text/css" href="Ext/2.2/examples/shared/examples.css" />
<style type="text/css">
html, body {
font:normal 12px verdana;
margin:0;
padding:0;
border:0 none;
overflow:hidden;
height:100%;
}
.settings {
background-image:url(images/fam//folder_wrench.png);
}
.nav {
background-image:url(images/fam/folder_go.png);
}
</style>
</head>
<body>
<form id="Form1" runat="server">
<div id="script" class="x-hide-display">
<Control:treeTest ID="treetest1" runat="server" />
</form>
</body>
</html>
and the extjs javascript code code
...
region: 'west',
id: 'west-panel',
title: 'Tree Test',
split: true,
width: 200,
minSize: 175,
maxSize: 400,
collapsible: true,
margins: '0 0 0 0',
layout: 'accordion',
layoutConfig: {
animate: true
},
items: [{
title: 'Navigation',
border: false,
iconCls: 'nav',
items:[{
contentEl: 'script'
}]
....