AJax技术

如何在asp.net下利用AJAX技术实现树型目录结构

字号+ 作者:H5之家 来源:H5之家 2016-08-13 12:01 我要评论( )

搜狗旗下的互动问答社区,用户可以提出问题、解决问题、或者搜索其他用户沉淀的精彩内容;在这里可以感受到最热烈的互助气氛,浏览到最精彩的问答内容。

我这里有一个是基于ajaxPro的事例,使用ajax技术做的一个地区的树型目录结构,完全手写的代码,没有使用任何的服务器端控件,ajax的实现是使用的ajaxPro.dll这个类库,通过前台的js来执行后台cs中的方法,获取返回值再使用DOM进行填充div,这样可以实现一个无刷新的树型目录,不知道对这位朋友有没有帮助,使用的是asp.net2.0,IDE是visual studio 2008,我把代码贴出来,你可以参考一下。有问题在下一定知无不言: [AjaxMethod] public string GetAllAreaInfoByAjax(int pid) { StringBuilder outHtml = new StringBuilder(""); DataSet ds = GetAreaSubInfo(pid); bool hasRescord = (0 != ds.Tables[0].Rows.Count); if (hasRescord) { outHtml.Append("<ul class=\"treeViewerG\" style=\"display:" + (ds.Tables[0].Rows[0]["AreaPrarentID"].ToString().Equals("-1") ? "block" : "none") + "\">\r\n"); foreach (DataRow dr in ds.Tables[0].Rows) { outHtml.Append(" <li class=\"" + (hasRescord ? "treeViewerS" : "treeViewerG") + "\"><span ondblclick=\"ShowThisTreeViewMenu(this)\" class=\"treeViewerG\">\r\n"); outHtml.Append(" " + Convert.ToString(dr["AreaName"]) + "<input type=\"radio\" name=\"cboxs\" vale=\"" + Convert.ToInt32(dr["AreaID"]) + "\" onclick=\"FillParentArea(" + Convert.ToInt32(dr["AreaID"]) + ",'" + Convert.ToString(dr["AreaName"]) + "')\" /></span>\r\n"); outHtml.Append(GetAllAreaInfoByAjax(Convert.ToInt32(dr["AreaID"]))); outHtml.Append(" </li>\r\n"); } outHtml.Append("</ul>\r\n"); } return outHtml.ToString(); } //这个[AjaxMethod]的attribute是标记这个方法为ajax方法,然后就可以在前台js直接以类名.方法名来调用这个方法.下面我再贴出前台实现的方法,请看看,不明白的问我: function GetAllAreaInfo() { Manage_AreaInsert.GetAllAreaInfoByAjax(-1,CallBack_GetAllAreaInfo); } function CallBack_GetAllAreaInfo(res) { var outHtml = "<img src=\"Images/Bg_TreeMenuTopClose.jpg\" alt=\"menuTop\" class=\"menuTop\"/>" + res.value; $("#treeViewers").html(outHtml); } 其它的如何在前台调用我就不贴出来了,相信楼主只需要这些代码就可以完成你所需要的内容。希望在下的回答能给你帮助~!~

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 呼叫老师怎么用 呼叫老师呼叫提问教程

    呼叫老师怎么用 呼叫老师呼叫提问教程

    2015-11-14 15:27

  • ajax技术实现原理是什么?

    ajax技术实现原理是什么?

    2015-10-31 08:06

  • ajax 技术视频教程那里有?

    ajax 技术视频教程那里有?

    2015-10-22 09:09

  • AJAX是什么?都包含那些技术?

    AJAX是什么?都包含那些技术?

    2015-10-15 10:05

网友点评