【免费】收集的一个net的菜单联动资源-CSDN文库

共29个文件

gif：7个

cs：4个

resx：3个

需积分: 0 194 浏览量 2008-10-23 17:30:20 上传评论收藏 351KB RAR 举报

在.NET开发中，"菜单联动"是一个常见的功能需求，尤其在构建复杂的Web应用程序时。它涉及到用户界面元素（如下拉菜单或按钮）之间的交互，当一个元素的状态改变时，会触发其他相关元素的更新。这种联动效果可以提高用户体验，减少用户的手动操作，使得数据的筛选和展示更为高效。在标题提及的"收集的一个net的菜单联动"示例中，我们可以推测这是一个关于.NET平台下的菜单控件与数据选择的交互实现。这可能包括ASP.NET MVC、ASP.NET Web Forms或者WinForms等.NET框架下的解决方案。开发者可能通过Ajax技术实现了菜单项的选择与数据的异步加载，这正是"ajaxselect"这一文件名可能所指的内容。 Ajax（Asynchronous JavaScript and XML）是一种创建动态网页的技术，允许在不重新加载整个页面的情况下与服务器交换数据并更新部分网页内容。在.NET中，可以使用AJAX控件工具包（AjaxControlToolkit）或者jQuery库中的AJAX函数来实现这样的效果。例如，当用户在一个下拉菜单中选择一个选项时，通过Ajax发送请求到服务器，服务器根据选择的数据返回相应的子菜单项或者相关数据，然后在客户端动态更新页面。 "ajaxselect"可能是一个自定义的下拉选择控件，它结合了Ajax和.NET的特性。该控件可能包含以下关键知识点： 1. **事件处理**：在.NET中，控件通常有多种事件，如SelectedIndexChanged，当用户在菜单中做出选择时触发。我们需要编写事件处理函数来响应这些事件。 2. **Ajax请求**：使用Ajax.BeginForm或jQuery的$.ajax方法发起异步请求。这通常涉及JSON或XML数据的序列化和反序列化。 3. **服务器端处理**：在服务器端，我们可能需要一个Controller或Page方法来处理Ajax请求，根据请求参数返回所需数据。 4. **客户端响应**：收到服务器响应后，需要在客户端更新UI。这可能涉及到DOM操作，比如使用JavaScript或jQuery来添加新的菜单项。 5. **用户体验优化**：为了提供流畅的用户体验，需要考虑加载指示器、错误处理和回退机制，确保即使在Ajax请求失败时也能保持界面的可用性。 6. **CSS和HTML结构**：为了实现联动效果，需要正确设计HTML结构，并使用CSS进行样式控制，使菜单看起来和行为符合预期。 7. **异步更新Panel**：在ASP.NET Web Forms中，可以使用UpdatePanel控件实现局部刷新，避免整个页面刷新带来的用户体验问题。通过学习和实践这样的"菜单联动"示例，开发者能够提升在.NET环境中构建动态、交互式界面的能力，更好地满足现代Web应用的需求。

资源详情

资源评论

资源推荐

收起资源包目录

ajaxselect.rar （29个子文件）

ajaxselect

selectData.js 9KB

bin

WebTest.pdb 24KB

WebTest.dll 24KB

add.aspx 1KB

WebTest.suo 8KB

getXml.aspx 649B

Web.config 4KB

db.mdb 10.52MB

skin

defualt

btnLast.gif 311B

btnCancel.gif 845B

btnNext.gif 306B

btnGotoPage.gif 476B

btnPrevious.gif 307B

btnSearch.gif 589B

btnFirst.gif 310B

style.css 2KB

index.html 3KB

add.aspx.cs 2KB

getXml.aspx.resx 5KB

AssemblyInfo.cs 2KB

WebTest.sln 924B

Global.asax.resx 2KB

_vti_script

Global.asax.cs 1KB

getXml.aspx.cs 4KB

Global.asax 74B

_vti_txt

WebTest.csproj 7KB

db.ldb 64B

WebTest.csproj.webinfo 115B

add.aspx.resx 5KB

<html> <head> <title>ajax下拉框</title> <link rel="stylesheet" type="text/css" href="skin/style.css" /> <script language="javascript" src="selectData.js"></script> <script language="javascript"> function ShowSelectTable(classID,returnID) { SetHead("分类编号","用户名","密码"); //设置表头,大小无限 SetFileds("F_ClassID","F_UserName","F_PassWord"); //设置数据库字段,大小无限,数量要和表头数一样 SetUrlObjID("getXml.aspx",returnID); //设置请求的URL和显示返回值文本框控件ID SetPageSize($("selecePageSize").value) //[可选]设置分页大小,默认10页 SetShowFiledName($("ShowFiledName").checked) //[可选]取值时,是否显示列名,默认是显示 show(classID) //显示选择框,把下拉框id参数(用于取当前值) //show(“abc”)一定要放在最后,否则运行错误 } </script> <style> body { font-size:13px; } table { font-size:13px; } div#aaaaa { border:1px #000000 solid; } </style> </head> <body> <div id="aaaaa"> <table> <tr> <td>显示设置:</td> <td>分页大小<input id="selecePageSize" type="text" value="10" size=3></td> <td>显示列名<INPUT id="ShowFiledName" TYPE="checkbox" checked></td> </tr> </table> </div><br> 分类1: <select id="class1" onchange="ChangeID()" NAME="productID"> <option value="1" selected>1111</option> <option value="2" >2222</option> </select> 分类2: <select id="class2" onchange="ChangeID()" NAME="productID"> <option value="3" selected>3333</option> <option value="4" >4444</option> </select> 分类3: <select id="class3" onchange="ChangeID()" NAME="productID"> <option value="5" selected>5555</option> <option value="6" >6666</option> </select> <table> <tr><td><input id="t1" type="text" size=40 value="分类1"><a href='#' onclick="ShowSelectTable('class1','t1')">选择</a></td></tr> </table> <br><br><br> <input id="t2" type="text" size=40 value="分类2"><a href='#' onclick="ShowSelectTable('class2','t2')">选择</a> <input id="t3" type="text" size=40 value="分类3"><a href='#' onclick="ShowSelectTable('class3','t3')">选择</a> <div id="message"> <pre> 调用代码只如下: function ShowSelectTable(classID,returnID) { SetHead("编号","用户名","密码"); //设置表头,大小无限 SetFileds("F_id","F_userName","F_passWord"); //设置数据库字段,大小无限,数量要和表头数一样 SetUrlObjID("getXml1.aspx",returnID); //设置请求的URL和显示返回值文本框控件ID SetPageSize(15) //[可选]设置分页大小,默认10页 SetShowFiledName(false) //[可选]取值时,是否显示列名,默认是显示 show(classID) //显示选择框,把下拉框id参数(用于取当前值) } 更新日志:2006-09-09 添加跳转页已优化成每次只取一页数据,速度更快添加显示框自动定位添加设置分页大小添加可自定义皮肤路径修复字段为空值时错误重写部分代码 </pre> </div> <div id="myurl"></div> </body> </html>