博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

Asp.Net2.0无限制联动下拉框组件AdSelect发布(提供下载)

Posted on 2007-12-28 16:47  sun.Lei  阅读(488)  评论(0编辑  收藏  举报
     在很多的应用中我们都会遇到用到联动下拉框,例如行业的联动,地理区域联动等等,网上大多数联动都是纯javascript编写的,并且最大级数只为三级连动,数据源更新不方面, AdSelect能够很好的解决该问题,并且部署简单,支持无限制的下拉框连动!目前支持的数据源只有XML,下一版本中将支持DataBase!大家可以看看简单的效果:(http://sj.d0086.com/testadselect/default.aspx),下面简单说明下怎么样部署:

部署aspx页面

    1,将AdSelect.dll引用到项目中(添加引用---选择dll文件).
    2,引用命名空间:
    
using AdvancedSelect;
    3,切换到aspx页面,注册用户控件
<%@ Register Assembly="AdvancedSelect" Namespace="AdvancedSelect" TagPrefix="AdSelectUC" %>
    4,在页面Body区域引入用户控件
<AdSelectUC:AdSelectHtml runat="server"/>

页面的部署就完成了,下面我们来配置
注:配置全部在客户端完成,服务端不用做任何配置!

在<head>区域加入配置代码
    <script type="text/javascript">
    
var c;
    
function vvv(){
           c
=new AdSelect();
           c.DefaultName
="请选择";
           c.LoadText
="正在加载数据";
           c.IsDisplayLoadText
=true;
           c.Build(
"id1");
           c.Load();
    }

    
</script>

 

说明:
1,声明一个全局变量(用于创建对象)c.
2,创建一个AdSelect对象,该对象有如下方法和属性
    (1),DefaultName为默认显示的字符,默认值:"Please Select";
    (2),DefaultValue:DefaultName对应的默认值.
    (3),LoadText:加载时显示的内容.
    (4),IsDisplayLoadText:加载时是否显示LoadText,默认为True
    (5),Build():绑定下拉框,参数为下拉框的id,可以传入多个id ,例:c.Build("id1","id2","id3").
    (6),getText(id):获取指定id的下拉框当前选择的文字
    (7),getValue(id):获取指定id的下拉框当前选择的值
这样您就已经部署完成了!

部署数据源

来看XML数据源,数据源文件名默认为:AdSelectDataSource.xml,数据源的结构如下,标签名,Name属性,Value属性,Id属性不可更改.

<?xml version="1.0" encoding="utf-8" ?>
<AdSelect>
  
<Name="广东" Value="gd" Id="1">
    
<Name="深圳" Value="sz" Id="2">
      
<Name="罗湖" Value="lh" Id="3">
        
<Name="黄贝岭" Value="" Id="4">
           
<Name="上村" Value="" Id="5"/>
        
</T>
        
<Name="长岭" Value="" Id="7" />
      
</T>
    
</T>
    
<Name="广州" Value="gz" Id="9"/>
  
</T>
  
<Name="湖北" Value="hb" Id="19">
    
<Name="荆州" Value="jz" Id="10"/>
  
</T>
  
<Name="江西" Value="jx" Id="12"></T>
</AdSelect>

您的数据源必需按照上面架构来配置!
AdSelect提供了一个内置的方法来检查数据源的合法性,方法如下:

AdSelect ad = new AdSelect();
        ad.CheckXml();


运行结果如下图:



关于数据源,请注意以下几点:
   1,数据源目前只支持XML,且XML架构需与上面保持一致!
   2,数据源的文件和路径可以在web.config中配置,但默认是与文件同目录下的AdSelectDataSource.xml文件

配置Web.Config文件

配置web.config文件
在appSettings下可以配置数据源的文件名和路径
注意路径前加 "~/"

<appSettings>
    
<add key="AdSelect" value="~\xml\AdSelectDataSource.xml"/>
  
</appSettings>


在web.config文件中的<system.web>节点中加入如下子节点(必需)

<system.web>
//
 
<httpHandlers>
      
<add path="AdSelect.axd" verb="GET" type="AdvancedSelect.AdSelectLoad,AdvancedSelect"/>
</httpHandlers>
</system.web>


所以配置全部完成了,现在您可以正常使用AdSelect,应用比较简单,方便就好....

点击下载该文件


Welcome To sun.Lei Blog!!