Coolite初探

 

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,否则就会出错。

 
 
posted @ 2010-09-30 13:52  chica  阅读(575)  评论(1编辑  收藏  举报