DropDownList单选与多选下拉框
1.添加界面的DropDownList显示值问题
(1)在方法内添加ViewData的方法:
var ad = new UnitsRepository();
ViewData["datasourceid"] = new SelectList(ad.dsname(), "id", "dsname");
ViewData["showstyleid"] = new SelectList(ad.showstyle(), "id", "name");
从而传值到DropDownList下拉框
(2)在试图中使用DropDownList:
数据元:
@Html.DropDownList("datasourceid", ViewData["datasourceid"] as SelectList, "--请选择--", new { rows = "8", style = "width:224px" })
(3)按确认提交后,可使用POST表单提交方法在后台获得下拉框选取的值
2.编辑界面的DropDownList显示值与取值问题
(1)在方法内添加ViewData的方法:
var rep = new UnitsRepository().GetViewData(confid);
var ad = new UnitsRepository();
ViewData["datasourceid"] = new SelectList(ad.dsname(), "id", "dsname", rep.dsname);
ViewData["showstyleid"] = new SelectList(ad.showstyle(), "id", "name",rep.showstylename);
public Units GetViewData(int config)
{
IList<Units> result1;
WiGetLinqDataContext db = new WiGetLinqDataContext();
var res = (from user in db.ApplicationUnits
where user.id == config
select new
{
dsname = user.ApplicationDatasource == null ? "" : user.ApplicationDatasource.dsname,
showstylename = user.ApplicationUnitsShowStyle == null ? "" : user.ApplicationUnitsShowStyle.name,
}).ToList();
result1 = (from u in res
select new Units
{
dsname = u.dsname,
showstylename = u.showstylename,
}).ToList();
return result1.FirstOrDefault();
}
public IQueryable dsname()
{
WiGetLinqDataContext db = new WiGetLinqDataContext();
var dsname = from m in db.ApplicationDatasource select m;
return dsname;
}
这里需要注意的是,"SelectistListItem"和"ListBox"的继承类"SelectList"可以很好很方便的进行数值的传递,第四个参数就是为DropDownList提供默认显示值,即数据库内提取出来的值
(2)在试图中的DropDownList对应的也有默认值的显示设置:数据元:
@Html.DropDownList("datasourceid", ViewData["datasourceid"] as SelectList,Model.dsname)
因为是强类型试图,所有可以有Model,其中Model.dsname就是后台ViewData获取的SelectValue了。

2.获取多选下拉框的选项值:
@Html.DropDownList("Publishto", ViewData["Publishto"] as SelectList, "--请选择--", new { multiple = "multiple" })
其中的ViewData获取值方式和前面的单选DropDownList下拉框类似。
这里遇到的一个不同的情况是,多选项数据来自数据库表中一个对象的其中一个属性,而不是一个表的某个属性的所有对象。
这里就那该项目为例:
W,M,T分别代表:"Web平台" , "移动平台" , "客户端平台"
而这一个字符串存在一个对象的一个属性中,但是页面中显示效果为:

所以在获取数据时有所不同:
后台定义一个类和方法:
public class Publishto
{
public string Code { get; set; }
public string Name { get; set; } public static List<Publishto> GetPublishtoList()
{
return new List<Publishto>
{
new Publishto { Code = "w", Name = "Web平台" },
new Publishto { Code = "m", Name = "移动平台" },
new Publishto { Code = "t", Name = "客户端平台" }
};
}
}
分别把W,M,T赋不同的字符串,
在方法中用ViewData取值时,语法为:
ViewData["Publishto"] = new SelectList(Publishto.GetPublishtoList(), "Code", "Name");
从而是前台显示的时候为对应的字符串。
3.多选下拉框取值的问题,可以用POST表单获取数据的方式:
string Pub = Request.Form["Publishto"].ToString();
这样,字符串Pub就可以获得类似“W,M"等类型的字符串了,然后存入数据库就行了。
DropDownList单选与多选下拉框的更多相关文章
- js:jquery multiSelect 多选下拉框实例
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- pentaho cde 自定义复选下拉框 checkbox select
pentaho 自带的component 虽多,但是当用户需要在一个表格中查看多个组别的数据时,pentaho自带的单选框就不能实现了,所以复选下拉框势在必行,实现效果如下: 实现原理是借用了jqu ...
- Easyui-Combobox多选下拉框
因为工作需要,引入combobox多选下拉框,并且获取选择的值并以","分开. 效果如下: 代码如下: <html> <head> <title> ...
- Extjs4.2 多选下拉框
//多选下拉框 Ext.define('MDM.view.custom.MultiComboBox', { extend: 'Ext.form.ComboBox', alias: 'widget.mu ...
- Bootstrap3级联多选下拉框
<!DOCTYPE html> <html> <head> <title>Bootstrap3级联多选下拉框</title> <met ...
- js怎么能取得多选下拉框选中的多个值?
方法:获取多选下拉框对象数组→循环判断option选项的selected属性(true为选中,false为未选中)→使用value属性取出选中项的值.实例演示如下: 1.HTML结构 1 2 3 4 ...
- js多选下拉框
1.js原生实现 1.1:引用JS文件 /*! jQuery v1.12.4 | (c) jQuery Foundation | jquery.org/license */ !function(a,b ...
- query多选下拉框插件 jquery-multiselect(修改)
其实网上关于该控件的使用教程已经很多了,其中 query多选下拉框插件 jquery-multiselect Jquery多选下拉列表插件jquery multiselect功能介绍及使用 这2个的介 ...
- 多选下拉框带搜索(aps.net)
自己写了一个带搜索功能的多选下拉框,为了要获取值,就没有封装插件,实现思路 1.一个文本框 做搜索 2.一个文本框显示选中文本,一个隐藏控件存值 3.一个div里面绑定CheckBoxList控件(这 ...
随机推荐
- ocp11g培训内部教材_053课堂笔记(043)_数据备份
053:数据库高级管理: 目录 第一部分:数据库备份与恢复... 4 第一章:备份恢复概述... 4 1.1 备份的意义: 4 1.2 数据库故障的类型:... 4 1.3 制定你的备份和恢复的计划. ...
- 算法 & 分析 (收集)
算法一:快速排序算法 快速排序是由东尼·霍尔所发展的一种排序算法.在平均状况下,排序 n 个项目要Ο(n log n)次比较.在最坏状况下则需要Ο(n2)次比较,但这种状况并不常见.事实上,快速排序通 ...
- Lucene.Net简介和分词
Lucene.net站内搜索—2.Lucene.Net简介和分词 2015-03-24 23:10 by 邹琼俊, 118 阅读, 1 评论, 收藏, 编辑 Lucene.Net简介 Lucene.N ...
- AIX加入能telnet远程连接方法的帐户
AIX 加入该账户可以使用命令mkuser 和 SMIT 两种方法,这里有SMIT方式 1.采用root 帐户登录AIX 2.输入 smitty user 3.选择Add a User 4.输入&qu ...
- 《Windows游戏编程技巧大师》就DirectDraw而创建DirectDraw知识笔记
1.DirectDraw 这可能是Directx中最重要的技术,由于它是2D图形赖以实现的渠道.也是Direct3D构建于其上的帧缓冲层. 2.DirectDraw是由非常多借口组成的.共同拥有5个接 ...
- hdu 4893 Wow! Such Sequence!
http://acm.hdu.edu.cn/showproblem.php?pid=4893 三种操作: 1 k d - "add" 2 l r - "query sum ...
- asp.net 发邮件
using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.We ...
- 使用C/C++发展Web系统开源
下载 见 C++开发的论坛系统 - BBS 下载地址:Fetch_source_code_release_vse2008_v1.2.1.7z 眼下先暂存在百度云上,最近会放入github 当前版本号的 ...
- java设计模式之七装饰器模式(Decorator)
顾名思义,装饰模式就是给一个对象增加一些新的功能,而且是动态的,要求装饰对象和被装饰对象实现同一个接口,装饰对象持有被装饰对象的实例,关系图如下: Source类是被装饰类,Decorator类是一个 ...
- 使用Row_Number()分页优化
记一次SQLServer的分页优化兼谈谈使用Row_Number()分页存在的问题 最近有项目反应,在服务器CPU使用较高的时候,我们的事件查询页面非常的慢,查询几条记录竟然要4分钟甚至更长,而且 ...