mvc关于三级联动修改时数据回显
在网上找了好久,都没有找到自己想要的那种效果,最后还是自己写出来了, 虽然方法有点笨。
这是Controller里
public ActionResult Edit(string id)
{
//查询收货地址信息
var data = AddressDirectoryLogic.GetById(id); //先把省份查出来装到ViewBag 里
var provinces = RegionLogic.GetChinaProvinces();
List<SelectListItem> pItems = new List<SelectListItem>();
foreach (var p in provinces)//根据列表获取省名称和ID
{
pItems.Add(new SelectListItem { Text = p.Name, Value = p.Id });
}
ViewBag.Province = pItems; //城市
var city = RegionLogic.GetCities(data.Province);
List<SelectListItem> item = new List<SelectListItem>();//获取城市列表
foreach (var c in city)//根据列表获取城市名称和ID
{
item.Add(new SelectListItem { Text = c.Name, Value = c.Id });
}
ViewBag.City = item;
//把收货地址信息里的省份和城市值保存,好做显示
ViewBag.ProvinceId = data.Province;
ViewBag.CityId = data.City; return View(data);
}
js
$(document).ready(function () {
//GetProvince();//加载省份
$('#T_Province').val('@ViewBag.ProvinceId');
$('#T_City').val('@ViewBag.CityId');
$("#T_Province").change(function () { GetCity() });//加载城市
});
function GetProvince() {
$("#T_Province").empty();//清空省份SELECT控件
$.getJSON("/AddressDirectory/GetProvincelist", function (data) {
$.each(data, function (i, item) {
$("<option></option>").val(item["Id"]).text(item["Name"]).appendTo($("#T_Province"));
});
GetCity();
});
}
function GetCity() {
$("#T_City").empty();//清空城市SELECT控件
$.getJSON("/AddressDirectory/GetCitylist", { pid: $("#T_Province").val() },
function (data) {
$.each(data, function (i, item) {
$("<option></option>").val(item["Value"]).text(item["Text"]).appendTo($("#T_City"));
});
});
}
html
@Html.DropDownListFor(model=>model.Province, (List<SelectListItem>)ViewBag.Province,new {@class= "combobox", id = "T_Province" })
@Html.DropDownListFor(model => model.City,(List<SelectListItem>)ViewBag.City,new {@class= "combobox" , id = "T_City" })
上面的部分js 是参照别人的。下面是部分js 的源码;
源码:http://blog.csdn.net/qq_17202783/article/details/43371421
mvc关于三级联动修改时数据回显的更多相关文章
- Javaweb项目中修改表单时数据回显方法
1.前言 先来说下什么是数据回显,比如我要修改我的个人信息,点击修改按钮后进入修改界面,在这个界面中直接将原来的信息显示在表单中,而不是空表单,这就是数据回显 2.思路 当点击修改的时候,从数据库中查 ...
- vue项目编辑修改时批量回显数据
selectCityServiceOne() { let sendData = { token: this.token, id: this.id } post_ajax('backStage/city ...
- 关于element-ui级联菜单(城市三级联动菜单)和回显问题
https://segmentfault.com/a/1190000020458087 这是我写的,可以去看看,希望对你们有帮助!!!
- 二十 Struts2的标签库,数据回显(基于值栈)
通用标签库 判断标签:<s:if>.<s:elseif>.<s:else> 循环标签:<s:iterator> 其他常用标签: <s:proper ...
- 在使用ajax实现三级联动调用数据库数据并通过调出的数据进行二级表单查询
在使用ajax实现三级联动查询数据库数据后再使用ajax无刷新方式使用三级联动调出的数据进行二级查询 但是现在遇到问题,在二级查询的时候期望是将数据以表格的形式展示在三级联动的下方,但是现在在查询后会 ...
- validate参数校验和数据回显
服务端校验 校验理解 项目中,通常使用较多的是前段的校验,比如在页面中js校验.对于安全要求较高的建议在服务端进行校验. 服务端校验: 控制层controller:校验页面请求的参数的合法性.在服务端 ...
- SpringMVC【参数绑定、数据回显、文件上传】
前言 本文主要讲解的知识点如下: 参数绑定 数据回显 文件上传 参数绑定 我们在Controller使用方法参数接收值,就是把web端的值给接收到Controller中处理,这个过程就叫做参数绑定.. ...
- SpringMVC由浅入深day02_5数据回显_6异常处理器
5 数据回显 5.1 什么数据回显 表单提交失败需要再回到表单页面重新填写,原来提交的数据需要重新在页面上显示. 5.2 pojo数据回显方法 1.springmvc默认对pojo数据进行回显. po ...
- SpringMVC学习--数据回显
简介 表单提交失败需要再回到表单页面重新填写,原来提交的数据需要重新在页面上显示. 简单数据类型 对于简单数据类型,如:Integer.String.Float等使用Model将传入的参数再放到req ...
随机推荐
- easelJS - Cache_vday
easelJS - Cache_vday $(function() { init(); }); // Cache_vday var canvas; var stage; var container; ...
- 腾讯面试题:10G 个整数,乱序排列,要求找出中位数。内存限制为 2G。
腾讯面试题:10G 个整数,乱序排列,要求找出中位数.内存限制为 2G. 题目和基本思路都来源网上,本人加以整理. 题目:在一个文件中有 10G 个整数,乱序排列,要求找出中位数.内存限制为 2G.只 ...
- Java学习之旅基础知识篇:数据类型及流程控制
经过开篇对Java运行机制及相关环境搭建,本篇主要讨论Java程序开发的基础知识点,我简单的梳理一下.在讲解数据类型之前,我顺便提及一下Java注释:单行注释.多行注释以及文档注释,这里重点强调文档注 ...
- Java学习之旅开篇:运行机制及环境搭建
在写这篇博客之前,我想对自己进行简单概括:我从事软件开发工作已经三年多了,并且一直在从事.NET相关项目的开发.为什么突然间想学习Java呢?有以下几个原因: 1. 开发程序三年多来,已经对.NET相 ...
- HDU5475
An easy problem Time Limit: 8000/5000 MS (Java/Others) Memory Limit: 65536/65536 K (Java/Others)T ...
- 【c基础】之 文件及其操作
文件的打开与关闭 首先要定义一个文件指针类型,格式为 FILE *文件指针名; ; FILE *fp; //fp就是定义的文件指针 ●打开文件fopen()函数,格式: fp = fopen(&quo ...
- C# 结构体 枚举类型
注意:枚举类型和结构体都属于值类型. 结构体:就是一个自定义的集合,里面可以放各种类型的元素,用法大体跟集合一样. 一.定义的方法: struct student { public int nianl ...
- MaltReport2:基于 OpenDocument/OpenOfficeXML 的报表引擎
MaltReport 是我几年前写的开源单据.报表引擎,最近进行了较大的更新,尤其是几年来在生产项目中应用取得了非常好的效果,特别写篇介绍文字给大家分享一下. 首先先介绍几个名词: OpenDocum ...
- Scrollview回弹效果自定义控件
滚动回弹效果分析: 首先,创建一个类,继承scrollview,重写ontouch事件,实现伸缩回弹效果. [scroollview节点下只能有一个子节点,这个子节点就是我们要移动的view布局] ...
- qmake的配置功能(Configuration Features)
Configuration Features qmake can be set up with extra configuration features that are specified in f ...