Monday, February 18th, 2008
.Net and Ext: Coolite has the Answer
Category: Ext
The Ext team has posted about a new community initiative that has been kicked off by Coolite, the same guys that brought you the cool ninja-inspired DateJS parsing library.
Coolite Studio, a suite of professional ASP.NET Web Controls built on the Ext JavaScript Framework, aims to make it easy for .Net developers to use Ext's UI components with Visual Studio:
Coolite Studio is an Ext official suite of ASP.NET Web Controls based on the Ext JavaScript Framework.
The suite of web controls were built with a focus on bringing full Visual Studio Design-Time support to the Ext JavaScript Framework. A marriage of server-side and client-side frameworks.
Coolite Studio currently offers support for Window, Panel and a many Form Controls including DatePicker, Calendar and HtmlEditor and makes adding Ext controls into their applications easy using .Net languages. Developers using Coolite Studio benefit from features including:
- Powerful integration of the Ext JavaScript Framework.
- Full Design-Time support in Microsoft Visual Studio 2005 & 2008 and Visual Web Developer 2005 & 2008.
- Drag-and-drop ease of use.
- Current support for Window, Panel and a many Form Controls including DatePicker, Calendar and HtmlEditor.
- New Controls being added weekly.
- Dual Licensed (LGPL 3.0 and Coolite Commercial License).
- Professional support options available shortly.
-
-
<%@ Page Language="C#" %>
-
<%@ Register assembly="Coolite.Web.UI" namespace="Coolite.Web.UI" tagprefix="cool" %>
-
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
-
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-
<script runat="server">
-
protected void Page_Load(object sender, EventArgs e) {
-
this.Calendar1.SelectedDate = DateTime.Today.AddMonths(1);
-
}
-
</script>
-
-
<html xmlns="http://www.w3.org/1999/xhtml">
-
<head id="Head1" runat="server">
-
<title>Window - Coolite ASP.NET Web Controls</title>
-
<cool :ScriptContainer ID="ScriptContainer1" runat="server" />
-
<script type="text/javascript">
-
var message = function(el, date) {
-
// Do something with the new Date...
-
Ext.Msg.show({
-
title:"New Date",
-
buttons: Ext.Msg.YESNO
-
});
-
}
-
</script>
-
</head>
-
-
<div style="margin:20px;">
-
<form id="form1" runat="server">
-
<cool :ScriptManager ID="ScriptManager1" runat="server" />
-
<h1>Window with nested Panel</h1>
-
<p>The following example demonstrates how to create a Window
-
with nested controls and content.</p>
-
<div style="margin: 15px 0;">
-
</div>
-
</div>
-
<cool :Window
-
ID="Window1"
-
runat="server"
-
Title="Vacation Details"
-
Width="400px"
-
Height="630px"
-
BodyStyle="padding: 6px;"
-
CloseAction="Hide"
-
Collapsible="True"
-
TriggerElement="Button1"
-
AnimateTarget="Button1">
-
<content>
-
<cool :FieldSet
-
ID="FieldSet1"
-
runat="server"
-
Title="Schedue"
-
Collapsible="True">
-
<content <div style="margin-bottom: 6px;">Departure Date:</content></cool></content></cool></form></div>
-
<clientevents>
-
<select Handler="message" />
-
</clientevents>
-
-
-
-
<cool :Panel
-
ID="Panel1"
-
runat="server"
-
Title="Summary"
-
Height="125px"
-
BodyStyle="padding: 6px;"
-
Collapsible="True"
-
AutoLoad="vacationdetails.aspx"
-
/>
-
<cool :Panel
-
ID="Panel2"
-
runat="server"
-
Title="Photo">
-
<content>
-
<div style="text-align: center;">
-
<img src="../images/beachday.jpg" />
-
</div>
-
</content>
-
</cool>
-
-
-
-
-
</body>
-
</html>
-
Disclosure Statement: Apart from writing for Ajaxian, I am also a member of the Ext framework team.
Got huge paste?™
that textview needs a horizontal scrollbar, post-haste!
Well i got all excited but i guess it’ll take some time till it’s useable… No grid no cookie :( Also it’s still very rough in the designer, but i what can we expect out of 0.3 release, i wonder how long it’ll take till 1.0
Really interesting what he does in the designer for Visual Studio…
Impressive from that point of view :)
Though you can’t nest controls, can have controls inside a Window, there are no Button, LinkButton or any of the “glue” controls really needed in a full Ajax library, etc…
Still I was truly impressed of what he has done in the designer for Visual Studio… :)
@karolrybak - The ViewPort, TabPanel and Grid controls are all currently under development. With some luck they should be available before the end of Feb-2008.
.
@polterguy - Thanks for the feedback. Visual Sudio design-time support was a major focus of this early release. Nesting controls should not be a problem. Can you let me know what you were trying to nest inside of what?
.
We’re dealing with a ton of baggage from the ASP.NET Framework and Visual Studio, so development has been a bit slower than we were hoping, although we’re working quickly towards FULL Ext widget support.
nice job,
but if I were you, I prefer to add javascript in a separate file ( e.g. uibuilder.js ) instead of adding cool tag’s to be interpreted , in this case it would be lot easier to add some manual manners to some components.
And think about using Script#, that would be great integration.
Hi, I’m being trying extjs for a while. Now I tried Coolite and I was satisfaced at first place.
But on deploying it was a disgress. Apache didn’t understand Coolite MarkUps and just showed me standard html ones.
Over VS 2005 it works just fine.
it’s Coolite 0.6 toolkit, Edition for Community.
Regards,