.net Core Mvc DropDownList 数据绑定及值的获取
时间:2020-01-07
本文章向大家介绍.net Core Mvc DropDownList 数据绑定及值的获取,主要包括.net Core Mvc DropDownList 数据绑定及值的获取使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
问题:
- 下拉框的值如何和ViewModel的集合进行绑定
- 绑定后的值Controller如何获取
ViewModel:
public class FactoryEditViewModel { /// <summary> /// 用于修改保存 /// </summary> public GM.Factory Factory { get; set; } /// <summary> /// 用于页面企业下拉框 /// </summary> public IEnumerable<SelectListItem> EnterpriseList { get; set; } }
Controller: get是页面加载时用的,POST是前端提交过来时调用的。
[HttpGet] public IActionResult Create() { EnterpriseBLL enterpriseBLL = new EnterpriseBLL(); IList<GM.Enterprise> liEnterprise = enterpriseBLL.GetAllEnterprise(); List<SelectListItem> li = new List<SelectListItem>(); foreach(GM.Enterprise item in liEnterprise) { SelectListItem listItem = new SelectListItem(); listItem.Text = item.Name; listItem.Value = item.Code; li.Add(listItem); } FactoryEditViewModel factoryEditViewModel = new FactoryEditViewModel(); factoryEditViewModel.EnterpriseList = li; return View("FactoryCreate",factoryEditViewModel); } [HttpPost] public IActionResult Create(FactoryEditViewModel factoryEditViewModel) { try { FactoryBLL factoryBLL = new FactoryBLL(); factoryBLL.SaveFactory(factoryEditViewModel.Factory); ViewData["Message"] = factoryEditViewModel.Factory.Code + "保存成功"; return RedirectToAction("Create"); } catch (Exception ex) { throw ex; } }
前端页面:
<table width="70%" border="1" cellpadding="0" cellspacing="0"> <tr> <td class="tdleft" width="100"> 编码: </td> <td> <input asp-for="Factory.Code" style="width:350px" /> </td> </tr> <tr> <td class="tdleft">名称:</td> <td><input asp-for="Factory.Name" style="width:350px" /></td> </tr> <tr> <td class="tdleft">企业:</td> <td> @Html.DropDownList("Factory.EnterpriseCode",Model.EnterpriseList) </td> </tr> <tr> <td colspan="2" align="center"> <input id="btnSave" type="submit" value="保 存" onclick="return check()" /> <input id="btnBack" onclick="javascript:GoBack();" type="button" value="返 回" /> </td> </tr> <tr> <td colspan="2"> <font size="2" color="green">@ViewData["Message"]</font> </td> </tr> </table>
注意:前端页面 Factory.EnterpriseCode 需和ViewModel里的属性一致。
原文地址:https://www.cnblogs.com/sportdog/p/12161834.html
- 最全爬虫攻略:微博、APP、公众号一个不能少!
- 注册中心 Eureka 源码解析 —— Eureka-Client 初始化(一)之 EurekaInstanceConfig
- 无论人工智能发展到什么地步,都离不开这6段代码
- Dubbo源码解析 —— 逻辑层设计之服务降级
- 【死磕Java并发】-----J.U.C之Condition
- 数据库中间件 MyCAT 源码分析 —— 【单库单表】查询
- 数据库中间件 MyCAT源码分析:【单库单表】插入
- 数据库中间件 MyCAT 源码分析 —— 调试环境搭建
- 分布式事务 TCC-Transaction 源码解析 —— 事务存储器
- 注册中心 Eureka 源码解析 —— 调试环境搭建
- 一样的代码、不一样的写法,JavaScript必知的简写技巧|附源代码
- 【死磕Java并发】-----J.U.C之读写锁:ReentrantReadWriteLock
- 数据库中间件 MyCAT源码分析——跨库两表Join
- iOS一种动态栅格布局方案
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- Java线程安全如何进行原子操作,一致性的最佳实践
- 冒泡排序
- 现有CDP-DC集群启用Auto-TLS
- 打卡001/这是一篇软文
- 技术角 | 在CentOS 8上使用Elastic Stack: Elasticsearch/Kibana 7.8部署与认证配置
- 技术角 | 解决ES SQL命令行启动报错 ./x-pack-env: No such file or directory
- Linux常用命令归类总结
- 潜藏在PHP安全的边缘——浅谈PHP反序列化漏洞
- 对比MySQL,学会在Pandas中实现SQL的常用操作
- 【Python基础】科学计算库Scipy简易入门
- 【DL】规范化:你确定了解我吗?
- Python|让代码替你“说话”
- Markdown笔记Ⅰ
- 再见,AOP,怀恋和你在一起的日子!
- Markdown笔记Ⅱ