Asp.Net2.0无限制联动下拉框组件AdSelect发布(提供下载)
部署aspx页面
1,将AdSelect.dll引用到项目中(添加引用---选择dll文件).
2,引用命名空间:
using
AdvancedSelect;
<%
@ Register Assembly
=
"
AdvancedSelect
"
Namespace
=
"
AdvancedSelect
"
TagPrefix
=
"
AdSelectUC
"
%>
<
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
>
<
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,应用比较简单,方便就好....
点击下载该文件