Coolite是在extjs基础上开发的基于AJAX机制的ASP .NET服务端控件。最后的免费版本是v0.8.2,1.0版本叫做ext .NET,开始收费。
Coolite的安装包中自带一个很详细的代码示例文档,足够学习。
(1)安装配置
Coolite的安装过程很简单,只需在控件工具栏中新建一个选项卡,将Coolite.Ext.Web.dll拖放上去即可。不需要在文件头中加"Register Assembly”这样的字样,也不需要在添加引用,也不需要往bin文件夹中copy文件,这些工作在拖放控件时都可自动实现。
web.config是要配置一下的,对于iis6.0及以下的用户来说,主要是四句:
configSections中的:
<section name="coolite" type="Coolite.Ext.Web.GlobalConfig" requirePermission="false"/>
<system.web>前的:
<coolite theme="Default" />
<httpHandlers>中的:
<add path="*/coolite.axd" verb="*" type="Coolite.Ext.Web.ResourceManager" validate="false" />
<httpModules>中的:
<add name="AjaxRequestModule" type="Coolite.Ext.Web.AjaxRequestModule, Coolite.Ext.Web" />
(2)第一个页面
对于Coolite来说,每个页面中ScriptManager都是必须的,在<body>标签下加入:
<ext:ScriptManager ID="ScriptManager1" runat="server" />
准备做一个上下两栏的页面,上栏放程序名称和logo等,下栏放置程序主内容,可以通过在ViewPort中放置RowLayout实现:
<ext:ViewPort runat="server">
<Body>
<ext:RowLayout runat="server" Split="true">
<ext:LayoutRow RowHeight="0.15">
<ext:Panel ID="Panel1" runat="server" Title=" " Html="<image src='pic/bander.png' height='100%' width='100%'/>">
</ext:Panel>
</ext:LayoutRow>
<ext:LayoutRow RowHeight="0.85">
<ext:Panel ID="Panel2" runat="server" Title=" "></ext:Panel>
</ext:LayoutRow>
</ext:RowLayout>
</Body>
</ext:ViewPort>
这里涉及几个控件,ViewPort,RowLayout和Panel
ViewPort是类似于window这样的控件,打开时可以自动铺满浏览器。值得注意是,其内要先放置Body;
RowLayout是构件上下分幅的控件;
Panel是容器控件,其内可以放置内容,可以通过其html属性或内嵌<body>承载内容。Panel中的页面可以直接加载,实现类似于iFrame这样的功能,比如:
protected void Page_load(object sender, EventArgs e)
{
this.Panel2.AutoLoad.Url = "gps.aspx";
this.Panel2.AutoLoad.Mode = LoadMode.IFrame;
//this.Panel2.AutoLoad.NoCache = true;
}
如果要载入的页面是aspx的话,NoCache属性不能设置为true,否则就会出错。