asp.net结合YUI3.0小示例
2023-06-13 09:14:14 时间
注:由于本人主要做后台的就只用到了IO空间下面的一些东西,贴个小小的级联效果来吧,
废话少说先拿代码说话了,
复制代码代码如下:
废话少说先拿代码说话了,
Demo.show={
Test:function(e,Y)
{
config=Demo.config;
functiononshengchange(e)
{
varsheng=Y.Node.get("#"+config.sheng).get("value");
varspeccode=Y.Node.get("#"+config.speciality);
varyears=Y.Node.get("#"+config.years);
vartimeslist=Y.Node.get("#"+config.times);
varcontent="<optionselected=selected>请选择</option>";
speccode.setContent("<optionselected=selected>加载数据....</option>");
years.setContent(content);
timeslist.setContent(content);
varrequestSpeciality=Y.io("Test.aspx",{
method:"POST",
data:"type=sheng&sheng="+sheng,
arguments:{event:"cclchange"},
on:
{
success:successHandler,
failure:failureHandler
}
}
);
}
functiononspecialitychange(e)
{
varsheng=Y.Node.get("#"+config.sheng).get("value");
varspeccode=Y.Node.get("#"+config.speciality).get("value");
varyears=Y.Node.get("#"+config.years);
vartimeslist=Y.Node.get("#"+config.times);
varcontent="<optionselected=selected>请选择</option>";
years.setContent("<optionselected=selected>加载数据....</option>");
timeslist.setContent(content);
varrequestSpeciality=Y.io("Test.aspx",{
method:"POST",
data:"type=speciality&cclid="+ccl+"&speccode="+speccode,
arguments:{event:"specchange"},
on:
{
success:successHandler,
failure:failureHandler
}
}
);
}
functiononyearchange(e)
{
varsheng=Y.Node.get("#"+config.sheng).get("value");
varspeccode=Y.Node.get("#"+config.speciality).get("value");
varyear=Y.Node.get("#"+config.years).get("value");
vartimeslist=Y.Node.get("#"+config.times);
timeslist.setContent("<optionselected=selected>加载数据....</option>");
varrequestSpeciality=Y.io("Test.aspx",{
method:"POST",
data:"type=year&sheng="+sheng+"&speccode="+speccode+"&year="+year,
arguments:{event:"yearchange"},
on:
{
success:successHandler,
failure:failureHandler
}
}
);
}
functionontimeslistchagne(e){
//这里可以一直连下去
}
functionsuccessHandler(id,o,args){
if(args!=null)
if(args.event!=null)
{
if(args.event=="shengchange")
{
varroot=o.responseXML.documentElement;
varspeciality=Y.Node.get("#"+config.speciality);
varcontent="<optionselected=selected>请选择</option>";
for(i=0;i<root.childNodes.length;i++)
{
varnode=root.childNodes[i];
varvalue=node.getElementsByTagName("Code")[0].text;
vartext=node.getElementsByTagName("CName")[0].text;
content+="<optionvalue="+value+">"+text+"</option>";
}
speciality.setContent(content);
}
elseif(args.event=="specchange")
{
varroot=o.responseXML.documentElement;
varyearlist=Y.Node.get("#"+config.years);
varcontent="<optionselected=selected>请选择</option>";
for(i=0;i<root.childNodes.length;i++)
{
varvalue=root.childNodes[i].text;
vartext=value;
content+="<optionvalue="+value+">"+text+"</option>";
}
yearlist.setContent(content);
}
elseif(args.event=="yearchange")
{
varroot=o.responseXML.documentElement;
vartimeslist=Y.Node.get("#"+config.times);
varcontent="<optionselected=selected>请选择</option>";
vartimes=Y.DataType.Number.parse(root.text);
if(times==null)
times=0;
for(i=0;i<times;i++)
{
content+="<optionvalue="+(i+1)+">"+(i+1)+"</option>";
}
timeslist.setContent(content);
}
}
}
functionfailureHandler(id,o){
alert("数据获取成功");
}
varsheng=Y.Node.get("#"+config.sheng);
varspeccode=Y.get("#"+config.speciality);
varyear=Y.get("#"+config.years);
vartimeslist=Y.Node.get("#"+config.times);
sheng.on("change",oncclchange);
speccode.on("change",onspecialitychange);
year.on("change",onyearchange);
timeslist.on("change",ontimeslistchagne);
}
};
YUI().use("node","datatype-number","io-base",function(Y){
functiononload(e)
{
Demo.show.Test(e,Y);
}
Y.on("load",onload,window);
});
<%@PageLanguage="C#"AutoEventWireup="true"CodeFile="Test.aspx.cs"Inherits="Test"%>
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<headrunat="server">
<title>无标题页</title>
</head>
<body>
<formid="form1"runat="server">
<div>
<asp:DropDownListID="sheng"runat="server">
</asp:DropDownList>
<asp:DropDownListID="speciality"runat="server">
</asp:DropDownList>
<asp:DropDownListID="year"runat="server">
</asp:DropDownList>
<asp:DropDownListID="times"runat="server">
</asp:DropDownList>
</div>
</form>
</body>
</html>
usingSystem;
usingSystem.Collections;
usingSystem.Configuration;
usingSystem.Data;
usingSystem.Web;
usingSystem.Web.Security;
usingSystem.Web.UI;
usingSystem.Web.UI.HtmlControls;
usingSystem.Web.UI.WebControls;
usingSystem.Web.UI.WebControls.WebParts;
publicpartialclassTest:System.Web.UI.Page
{
protectedvoidPage_Load(objectsender,EventArgse)
{
if(!Page.ClientScript.IsClientScriptIncludeRegistered("YUI"))
Page.ClientScript.RegisterClientScriptInclude("YUI",path+"/build/yui/yui-min.js");
if(!Page.ClientScript.IsClientScriptIncludeRegistered("CLINET"))
Page.ClientScript.RegisterClientScriptInclude("CLINET",path+"/js/clinet.js");
StringBuilderscriptBlock=newStringBuilder();
scriptBlock.Append("<scripttype="text/javascript"><!--
");
scriptBlock.Append("Demo.config={");
scriptBlock.Append("sheng:""+this.sheng.ClientID+"",");
scriptBlock.Append("speciality:""+this.specialityList.ClientID+"",");
scriptBlock.Append("years:""+this.yearList.ClientID+"",");
scriptBlock.Append("times:""+this.timesList.ClientID+""");
scriptBlock.Append("};");
scriptBlock.Append("
//--></script>");
Page.ClientScript.RegisterClientScriptBlock(GetType(),"QualityAssessmentPlanCascadingDropDown",scriptBlock.ToString());
}
}
这上面为主要代码,上面那段JS我实际写的请求的是一个WEBService,你可以换一个aspx页面都行,
还有一些后台处理的到数据的就没有贴出来了,每一个级联请求的后台都是返回一个对象数组,具体的解释就不用说了,不懂的在讨论。。。
相关文章
- ASP.Net MVC开发基础学习笔记:一、走向MVC模式
- 【水一篇】骚操作之net 6的winform启动的同时启动Net 6 WebApi【同一套代码】
- ASP.NET Web——GridView完整增删改查示例(全篇幅包含sql脚本)大二结业考试必备技能
- .netLinux下部署ASP.NET环境指南(linux部署asp)
- NET 对MySQL 的支持有限(.net不支持mysql)
- asp,asp.net学习教程下载
- ASP.NET中读取XML文件信息的4种方法与示例代码
- asp.net两个不同页面的传值
- ASP.NET下备份与还原数据库代码
- asp.net中Datalist使用数字分页的实现方法
- asp.net程序优化尽量减少数据库连接操作
- asp.net中3种验证码示例(实现代码)(数字,数字字母混和,汉字)
- Asp.net页面导航的几种方法与比较分享
- ASP.NET学习路线图浅谈
- jsp和asp.net共享session值示例代码
- asp.net微软图表控件使用示例代码分享
- asp.net利用存储过程实现模糊查询示例分享
- asp.net读取excel文件的三种方法示例
- ASP.NET连接MySql数据库的2个方法及示例
- asp.net页面中时间格式化的示例
- asp.net发邮件示例
- asp.net用三层实现多条件检索示例
- asp.net错误:0x8007000B异常的解决方法
- ASP.NET让FileUpload控件支持浏览自动上传功能的解决方法