jquery WebControl for asp.net使用说明

最新推荐文章于 2024-10-10 10:50:43 发布

cok8420

最新推荐文章于 2024-10-10 10:50:43 发布

阅读量226

点赞数

文章标签： javascript ui ViewUI

http://dj.codeplex.com/releases/view/28477控件下载地址

http://www.dotnetage.com/sites/djDownload英文使用说明

http://dj.codeplex.com/releases/view/28518项目模版下载地址

该控件使用说明

1.下载 DJ Runtime Library v1.1.15 和 jQueryThemes for DJ v1.1.15

2.复制 DNA.dll, DNA.UI.JQuery.dll, jQuery.dll 到网站的bin下

3.解压jQueryThemes.zip 到网站的"App_Themes"文件夹下,这步很重要

4.打开web.config 找到 'page' 节点,添加

最终结果

<pages styleSheetTheme="ui-darkness">
<controls>
    <add tagPrefix="DotNetAge" namespace="DNA.UI.JQuery" assembly="DNA.UI.JQuery"/>
    <add tagPrefix="DotNetAge" namespace="DNA.UI" assembly="DNA"/>
    <add tagPrefix="asp" namespace="System.Web.UI"
         assembly="System.Web.Extensions,Version=3.5.0.0, Culture=neutral,
                  PublicKeyToken=31BF3856AD364E35"/>
    <add tagPrefix="asp" namespace="System.Web.UI.WebControls"
         assembly="System.Web.Extensions, Version=3.5.0.0, Culture=neutral,
                  PublicKeyToken=31BF3856AD364E35"/>
controls>
pages>

A.使用时首先需要拖个ScriptManager,配合使用,

B.然后在代码里添加事件

protected void Page_PreInit(object sender, EventArgs e)
    {
        this.Page.Theme = "redmond";//一定要指定个样式名，否则看不到效果
    }

它的样式

/*黑色black-tie
         *红色 blitzer
         *浅蓝色cupertino
         *黑蓝色dot-luv
         *多色excite-bike
         *灰黑色hot-sneaks
         *棕色humanity swanky-purse
         *棕白色ui-lightness
         *灰色mint-choc
         *水晶蓝redmond start
         *灰白色smoothness
         *灰黑色ui-darkness vader
         *黑白色south-street
         *绿黑色trontastic
         */

效果：Slide滑动, Blind隐藏 Bounce弹跳 Clip切断 Drop下降 Explode分解

Fold合拢 Highlight 加亮;突出 Pulsate有规律地跳动 Scale比例 Shake抖动

二。添加到vs工具栏中

1.添加选项卡，起个名为fangqm jquery webcontrol

2.选择项，选择DNA.UI.JQuery.dll

3.确定后添加工具栏成功

三.安装项目模板

下载DJProjectTemplate.vsi 安装