在很多的应用中我们都会遇到用到联动下拉框,例如行业的联动,地理区域联动等等,网上大多数联动都是纯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;
![]()
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>
<T Name="广东" Value="gd" Id="1">
<T Name="深圳" Value="sz" Id="2">
<T Name="罗湖" Value="lh" Id="3">
<T Name="黄贝岭" Value="" Id="4">
<T Name="上村" Value="" Id="5"/>
</T>
<T Name="长岭" Value="" Id="7" />
</T>
</T>
<T Name="广州" Value="gz" Id="9"/>
</T>
<T Name="湖北" Value="hb" Id="19">
<T Name="荆州" Value="jz" Id="10"/>
</T>
<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,应用比较简单,方便就好....
点击下载该文件