.Net and Ext: Coolite has the Answer
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.
<%@ 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",
msg: "Change departure date?<br /><br />" + date.dateFormat("Y-m-d"),
buttons: Ext.Msg.YESNO
});
}
</script>
</head>
<body>
<div style=“margin:20px;”>
<form id=“form1″ runat=“server”>
<cool :ScriptManager ID=“ScriptManager1″ runat=“server” />
<div>
<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;”>
<p><asp :Button ID=“Button1″ runat=“server” Text=“Show Window” /></p>
</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.
Read more on the source site
No comments yet.
feel free to leave a comment
Comment Guidelines: Basic XHTML is allowed (a href, strong, em, code). All line breaks and paragraphs are automatically generated. Off-topic or inappropriate comments will be edited or deleted. Email addresses will never be published. Keep it PG-13 people!
XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>
All fields marked with " * " are required.

