前段时间一直没有想到这种方法,所以一直在用easyUI插件,不过我觉得吧还是自己写比较满意;话不多说直接上码

@model IEnumerable<tree.Models.ajaxtree>

@{
ViewBag.Title = "detail";
}

<h2>detail</h2>

<script type="text/javascript">

var flat=true;

function csschange(cid){
var dd=$("#"+cid+"-div").css("display");
//alert(dd);
if(dd=="block"){
// alert(111);
$("#"+cid+"-div").hide(1000);
// flat=false;
}
else{
$("#"+cid+"-div").show(1000);
// flat=true;
}
}
var html = "";

function changes(cid) {

$.ajax({
url: "/tree/treeList",
dataType: "json",
data: { "cid": cid },
type: "post",
success: function (list) {
for (s in list) {
html = "<li><a href='#'>" + list[s].name + "</a></li>";
$("#" + cid + "-div").append(html);
}
$("#"+cid+"-a").removeAttr("onclick");
$("#"+cid+"-a").attr("onclick","csschange("+cid+")");
$("#"+cid+"-a").css("display","block");
}

});
}

</script>

<style type="text/css">
.cc {
width: 90px;
height: auto;
background-color: #FEFEFE;
}
</style>
<div class="container">
<div class="nav" style="width:120px;">
@foreach (var c in Model)
{
<a id="@c.cid-a" href="javascript:void();" οnclick="changes(@c.cid)" class="btn btn-default text-warning cc">@c.name</a>
<div id="@c.cid-div">

</div>
}

</div>
</div>

转载于:https://www.cnblogs.com/xiaow/p/4519930.html

mvc基于 ajax实现菜单下拉列表相关推荐

  1. 使用Asp.net MVC, Jquery, Jquery UI构建基于Ajax的RIA应用.(更新Demo下载)

    前天初学Asp.net MVC,发现有些东西用Web Form来做的确会比较方便. 但Asp.net MVC也有它的优点. 它如果跟Jquery和Jquery UI结合起来做基于Ajax的应用实在是太 ...

  2. .Net环境下基于Ajax的MVC方案

    现在,越来越多人开始尝试基于Ajax进行无刷新的Web开发,不过,在.Net环境下,应用Ajax并不是非常方便,这主要可能是由以下一些原因造成的: •由于Ajax基于javascript的本质,使得开 ...

  3. php考试倒计时提交系统,AJAX_基于Ajax技术实现考试倒计时并自动提交试卷,1.概述在开发网络考试系统 - phpStudy...

    基于Ajax技术实现考试倒计时并自动提交试卷 1.概述 在开发网络考试系统时,考试计时并自动提交试卷是必不可少的功能.由于在答卷过程中,试卷不能刷新,所以需要使用Ajax实现无刷新操作.运行本实例,访 ...

  4. Thinking in AJAX(二) —— 基于AJAX的WEB设计

    Thinking in AJAX(二) -- 基于AJAX的WEB设计 一.AJAX最值得称赞的是异步交互,而不是无刷新 很多人都看好AJAX无刷新的技术,以至于认同AJAX就是用来做无刷新的.这个认 ...

  5. MVC之Ajax如影随行

    一.Ajax的前世今生 我一直觉得google是一家牛逼的公司,为什么这样说呢?<舌尖上的中国>大家都看了,那些美食估计你是百看不厌,但是里边我觉得其实也有这样的一个哲学:关于食材,对于种 ...

  6. (转)基于Ajax的应用程序架构汇总

    浏览器端框架被划分成两大类: ·应用程序框架:提供浏览器的功能,但是常以包括窗口小部件抽象和另外的部件而出名,其功能主要围绕桌面GUI框架. ·基本结构框架:提供基本的管道和可移植的浏览器抽象,让开发 ...

  7. 基于ajax毕业设计题目50例

    基于ajax毕业设计题目1-10题 1.基于AJAX的Web应用构件组装技术及工具 2.基于AJAX技术对Web考试系统性能改进研究与实现 3.基于AJAX技术协作知识建构学习平台的研究与设计 4.基 ...

  8. php的mvc中的ajax请求参数为空,AJAX_asp.net中mvc使用ajax提交参数的匹配问题解决探讨,想到在asp.net的mvc中如果使用aja - phpStudy...

    asp.net中mvc使用ajax提交参数的匹配问题解决探讨 想到在asp.net的mvc中如果使用ajax向服务端传递参数时如果参数是一个类或者是个数组(或List集合)以及更复杂的对象时,服务端总 ...

  9. php yii2自动给值,Yii2基于Ajax自动获取表单数据的方法

    本文实例讲述了Yii2基于Ajax自动获取表单数据的方法.分享给大家供大家参考,具体如下: 这里有两张表,表结构如下,locations表存放的省份和邮编等信息,两张表的model和curd均使用gi ...

  10. ASP.NET MVC基于标注特性的Model验证:DataAnnotationsModelValidator

    对于ASP.NET MVC基于标注特性的Model验证,很多人只知道应用在数据类型及其属性上用于定义验证规则和错误消息的ValidationAttribute.通过<ASP.NET MVC以Mo ...

最新文章

  1. java.text._Java.text
  2. 【opencv】10.播放视频 以及 设置任意键为暂停键
  3. react追加html元素,React给添加元素增加样式
  4. 基础训练——合并电话簿
  5. (原创)JS点击事件——Uncaught TypeError: Cannot set property 'onclick' of null
  6. python中read函数解释_Python内置函数解释教程,readwill(非常详细的代码演示截图),详解,看,了,就,会,很...
  7. 线程范围内的线程共享(多线程)
  8. L1-030 一帮一 (15 分)
  9. 朋友易得,知己难求 堪哉
  10. vs2017如何编写python_vs2017添加python的方法
  11. 用C#制作PDF文件全攻略
  12. uniapp发行为小程序分享转发功能
  13. 植物病虫害识别方法主要研究思路
  14. latex normal是几号字_LaTeX 中英文字体字号设置
  15. 天津仁爱学院2021级高职升本科新生报到须知
  16. Hadoop十年解读与发展预测
  17. 笔记本给移动设备共享wifi
  18. 33岁跨专业考计算机研究生,盲目跨专业考研考上以后也不轻松
  19. 2022年流动式起重机司机考题及模拟考试
  20. workbench mesh划分边界层网格

热门文章

  1. go lang chrome 爬虫 (MAC 系统)
  2. Nginx + PHP + mysql CGI的一个可能的安全漏洞
  3. RedisTemplate 概述 与 操作 Redis 5 种数据类型
  4. 阶段1 语言基础+高级_1-3-Java语言高级_08-JDK8新特性_第3节 两种获取Stream流的方式_8_Stream流中的常用方法_skip...
  5. TypeScript完全解读(26课时)_9.TypeScript完全解读-TS中的类
  6. 0x01-1 原码 反码 补码 概念 原理 详解
  7. keystone系列二:HTTP协议
  8. WPF 微信 MVVM 【续】发送部分QQ表情
  9. 这是用过的最差树形插件
  10. C# ComBox 垂直滚动条