感兴趣的朋友可到下面的地址下载:
Coolite Studio (ASP.NET) Download
演示效果:
如何换肤?
方法有很多:
方法一:在Aspx文件的Head标签内加入
<head runat="server" lang="zh-cn">
<title>无标题页</title>
<cool:ScriptContainer ID="ScriptContainer1" runat="server">
</cool:ScriptContainer>
<link href="对应皮肤CSS文件的相应路径" rel="stylesheet" type="text/css" />
</head>
方法二:在后置代码中设置:
<script runat="server">
protected void Page_Load(object sender, EventArgs e)
{
Coolite.Web.UI.ScriptManager.RegisterSessionTheme(Coolite.Web.UI.Theme.Gray);
}
</script>
或者
<script runat="server">
protected void Page_Load(object sender, EventArgs e)
{
HttpContext.Current.Session["Coolite.Theme"] = Coolite.Web.UI.Theme.Gray;
}
</script>
方法三:使用配置文件:
1
<?
xml version="1.0"
?>
2
3
<
configuration
>
4
<
configSections
>
5
<
section
name
="coolite"
type
="Coolite.Web.UI.GlobalConfig"
/>
6
</
configSections
>
7
<!--
COOLITE GLOBAL CONFIGURATION ATTRIBUTES
-->
8
<!--
cleanResourceUrl = true|false
9
The Coolite controls can clean up the autogenerate WebResource Url so they look presentable.
10
Default is true
-->
11
<!--
gzip = true|false
12
Whether to automatically render scripts with gzip compression.
13
Default is true.
-->
14
<!--
scriptAdapter = Ext, jQuery, Prototype, YUI
15
Which script adapter to use.
16
Default is "Ext"
-->
17
<!--
renderScripts = true|false
18
Whether to have the coolite controls output the required JavaScript includes or not.
19
Gives developer option of manually including required <script> files.
20
Default is true
-->
21
<!--
renderStyles = true|false
22
Whether to have the coolite controls output the required StyleSheet includes or not.
23
Gives developer option of manually including required <link>/<style> files.
24
Default is true
-->
25
<!--
scriptMode = Release, Debug
26
Whether to include the Release (condensed) or Debug (with documentation) JavaScript files
27
Default is "release"
-->
28
<!--
theme = Default, Gray
29
Which embedded theme to use.
30
Default is "Default"
-->
31
<
coolite
32
cleanResourceUrl
="true"
33
gzip
="true"
34
scriptAdapter
="Ext"
35
renderScripts
="true"
36
renderStyles
="true"
37
scriptMode
="Release"
38
theme
="Gray"
39
/>
40
</
configuration
>
本人测试时用的第一种方法,换肤后效果如下:![](/Images/OutliningIndicators/None.gif)
2
![](/Images/OutliningIndicators/None.gif)
3
![](/Images/OutliningIndicators/None.gif)
4
![](/Images/OutliningIndicators/None.gif)
5
![](/Images/OutliningIndicators/None.gif)
6
![](/Images/OutliningIndicators/None.gif)
7
![](/Images/OutliningIndicators/None.gif)
8
![](/Images/OutliningIndicators/None.gif)
9
![](/Images/OutliningIndicators/None.gif)
10
![](/Images/OutliningIndicators/None.gif)
11
![](/Images/OutliningIndicators/None.gif)
12
![](/Images/OutliningIndicators/None.gif)
13
![](/Images/OutliningIndicators/None.gif)
14
![](/Images/OutliningIndicators/None.gif)
15
![](/Images/OutliningIndicators/None.gif)
16
![](/Images/OutliningIndicators/None.gif)
17
![](/Images/OutliningIndicators/None.gif)
18
![](/Images/OutliningIndicators/None.gif)
19
![](/Images/OutliningIndicators/None.gif)
20
![](/Images/OutliningIndicators/None.gif)
21
![](/Images/OutliningIndicators/None.gif)
22
![](/Images/OutliningIndicators/None.gif)
23
![](/Images/OutliningIndicators/None.gif)
24
![](/Images/OutliningIndicators/None.gif)
25
![](/Images/OutliningIndicators/None.gif)
26
![](/Images/OutliningIndicators/None.gif)
27
![](/Images/OutliningIndicators/None.gif)
28
![](/Images/OutliningIndicators/None.gif)
29
![](/Images/OutliningIndicators/None.gif)
30
![](/Images/OutliningIndicators/None.gif)
31
![](/Images/OutliningIndicators/None.gif)
32
![](/Images/OutliningIndicators/None.gif)
33
![](/Images/OutliningIndicators/None.gif)
34
![](/Images/OutliningIndicators/None.gif)
35
![](/Images/OutliningIndicators/None.gif)
36
![](/Images/OutliningIndicators/None.gif)
37
![](/Images/OutliningIndicators/None.gif)
38
![](/Images/OutliningIndicators/None.gif)
39
![](/Images/OutliningIndicators/None.gif)
40
![](/Images/OutliningIndicators/None.gif)
注:该控件默认只包括二种风格的主题,更多的主题可到ExtJS官方网站下载: http://extjs.com/learn/Ext_Extensions#User_Themes
使用时只需把包内的内容复制到对应目录下即可。
默认语言是英文,如何设置为中文?
需到Ext官方网站下载Ext2.0,文件夹里有个ext-lang-zh_CN.js文件,这是中文语言包,添加到网站相应目录下,然后用ScriptManager控件导入js文件即可:
<asp:ScriptManager ID="ScriptManager2" runat="server">
<Scripts>
<asp:ScriptReference Path="对应目录/ext-lang-zh_CN.js" />
</Scripts>
</asp:ScriptManager>