一个好的网站应该具有什么条件,南皮做网站的,最新wordpress教程,给宝宝做衣服网站好最近做一些网站程序#xff0c;经常要用到多个下拉菜单选择#xff0c;看了介绍开始用AjaxPro这个控件#xff0c;感觉效果不错。以前使用过MagicAjax#xff0c;很久不用了忘记了#xff0c;最麻烦的就是在虚拟目录的时候比较麻烦#xff0c;呵呵#xff0c;在网上也有…最近做一些网站程序经常要用到多个下拉菜单选择看了介绍开始用AjaxPro这个控件感觉效果不错。以前使用过MagicAjax很久不用了忘记了最麻烦的就是在虚拟目录的时候比较麻烦呵呵在网上也有很多不过重要的地方经常没提醒新手俺也是菜鸟高手请忽略。看到这个AjaxPro使用比较简单这次使用的是6.x的最新的是7.x的觉得6.0系列的方便就选它了。在重要的地方都有提示了相信很容易看懂。 首先在web.config添加这个接点 在system.web与/system.web之间如下 system.web !--for Ajaxnet-- httpHandlers add verbPOST,GET pathajaxpro/*.ashx typeAjaxPro.AjaxHandlerFactory, AjaxPro.2/ /httpHandlers !--其他设置-- /system.web 然后把AjaxPro.2.dll丢到bin文件夹然后引用它就可以了。 还是发代码吧麻烦死了下面代码是 Default.aspx.cs的 using System;using System.Data;using System.Configuration;using System.Data.OleDb;using System.Web;using System.Web.UI;using System.Web.UI.WebControls;using System.Web.UI.WebControls.WebParts;using System.Web.UI.HtmlControls;public partial class _Default : System.Web.UI.Page{ protected void Page_Load(object sender, EventArgs e) { AjaxPro.Utility.RegisterTypeForAjax(typeof(_Default)); //必要的 if(!IsPostBack)BindDc(); } /**//// summary /// 数据库连接 /// /summary /// returns/returns public OleDbConnection myConn() { string ConnStr ProviderMicrosoft.Jet.OLEDB.4.0;Data Source System.Web.HttpContext.Current.Server.MapPath(ConfigurationManager.AppSettings[dbpath]); OleDbConnection conn new OleDbConnection(ConnStr); try { conn.Open(); return conn; } catch { throw; } } /**//// summary /// 获取下级分类 /// /summary [AjaxPro.AjaxMethod] public DataSet getNextClass(string cid) { //因为不希望页面可以知道字段名称 所以 as txt,id as vol 如果是sql ser 可以用 //页面获取的 列名称 必须跟这个一同样 而且区分大小写 一般都是这个地方容易疏忽了 //所以二级分类没变化 string sql select cname as txt,id as vol from webclass where parentid cid; try { return getDs(sql); } catch { //throw; return null; } } /**//// summary /// 返回一个DataSet /// /summary /// param nameSQL/param /// returns/returns public DataSet getDs(string SQL) { OleDbConnection conn myConn(); DataSet Ds new DataSet(); OleDbDataAdapter Da new OleDbDataAdapter(SQL, conn); try { Da.Fill(Ds); return Ds; } catch { return null; //throw; } } /**//// summary /// //数据绑定 /// /summary private void BindDc() { //第一个 string sql select * from webclass where Parentid0; ddl1.DataSource getDs(sql); ddl1.DataTextField cname; ddl1.DataValueField id; ddl1.DataBind(); if (ddl1.DataSource ! null) ddl1.Attributes.Add(onchange, showNext(this.options[selectedIndex].value,ddl2);); //可以先判断 DropDownList.SelectedItem.Value //第二个 sql select * from webclass where parentid ddl1.SelectedItem.Value; ddl2.DataSource getDs(sql); ddl2.DataTextField cname; ddl2.DataValueField id; ddl2.DataBind(); //第三个 if (ddl2.DataSource ! null) ddl2.Attributes.Add(onchange, showNext(this.options[selectedIndex].value,ddl3);); sql select * from webclass where parentid ddl2.SelectedItem.Value; ddl3.DataSource getDs(sql); ddl3.DataTextField cname; ddl3.DataValueField id; ddl3.DataBind(); }} default.aspx内容% Page LanguageC# AutoEventWireuptrue CodeFileDefault.aspx.cs Inherits_Default %!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlnshttp://www.w3.org/1999/xhtml head runatserver meta http-equivContent-Type contenttext/html; charsetgb2312 / titleAjaxPro实现无刷新三级联动/title/headscript languagejavascript typetext/javascript !-- // ACLOUD 常用JS函数 function getBid(s){ return document.getElementById(s); } function getBmc(s){ return document.getElementByName(s); } //显示分类列表 function showNext(sid,obj) { if(sidnull || sid || sid.length1)return; var slt getBid(obj); var v _Default.getNextClass(sid).value; // 类的名称 //alert(v); //return; if (v ! null){ if(v ! null typeof(v) object v.Tables ! null) { slt.length 0; slt.options.add(new Option(请选择,0)); //加了个“请选择”主要为了触发onchange事件 if(objddl2){ getBid(ddl3).options.length0; getBid(ddl3).options.add(new Option(请选择,0)); } for(var i0; iv.Tables[0].Rows.length; i) { var txt v.Tables[0].Rows[i].txt; //这个地方需要注意区分大小写 var vol v.Tables[0].Rows[i].vol; //跟dataset表的列名称要一致 slt.options.add(new Option(txt,vol)); } } } return; } --/scriptbody form idform1 runatserver div table width500 border0 aligncenter cellpadding0 cellspacing0 tr td width99nbsp;/td td width401 城市asp:DropDownList IDddl1 runatserver /asp:DropDownList 区域asp:DropDownList IDddl2 runatserver /asp:DropDownList 花园asp:DropDownList IDddl3 runatserver /asp:DropDownList/td /tr tr tdnbsp;/td tdnbsp;/td /tr tr tdnbsp;/td tdnbsp;/td /tr /table /div /form/body/html 相关文件http://files.cnblogs.com/asboy/AjaxDropDownlist.rar转载于:https://www.cnblogs.com/lyfeixue/archive/2007/05/05/736039.html
