一.单选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);
其中rep的值为:
  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();
}
ViewData分别调用的ad方法为:
 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了。

 
二.多选DropDownList下拉框
1.首先引用对象的Css和1.8.11JS脚本,其中Css文件有:
 
 

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单选与多选下拉框的更多相关文章

  1. js:jquery multiSelect 多选下拉框实例

    <!doctype html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  2. pentaho cde 自定义复选下拉框 checkbox select

    pentaho  自带的component 虽多,但是当用户需要在一个表格中查看多个组别的数据时,pentaho自带的单选框就不能实现了,所以复选下拉框势在必行,实现效果如下: 实现原理是借用了jqu ...

  3. Easyui-Combobox多选下拉框

    因为工作需要,引入combobox多选下拉框,并且获取选择的值并以","分开. 效果如下: 代码如下: <html> <head> <title> ...

  4. Extjs4.2 多选下拉框

    //多选下拉框 Ext.define('MDM.view.custom.MultiComboBox', { extend: 'Ext.form.ComboBox', alias: 'widget.mu ...

  5. Bootstrap3级联多选下拉框

    <!DOCTYPE html> <html> <head> <title>Bootstrap3级联多选下拉框</title> <met ...

  6. js怎么能取得多选下拉框选中的多个值?

    方法:获取多选下拉框对象数组→循环判断option选项的selected属性(true为选中,false为未选中)→使用value属性取出选中项的值.实例演示如下: 1.HTML结构 1 2 3 4 ...

  7. js多选下拉框

    1.js原生实现 1.1:引用JS文件 /*! jQuery v1.12.4 | (c) jQuery Foundation | jquery.org/license */ !function(a,b ...

  8. query多选下拉框插件 jquery-multiselect(修改)

    其实网上关于该控件的使用教程已经很多了,其中 query多选下拉框插件 jquery-multiselect Jquery多选下拉列表插件jquery multiselect功能介绍及使用 这2个的介 ...

  9. 多选下拉框带搜索(aps.net)

    自己写了一个带搜索功能的多选下拉框,为了要获取值,就没有封装插件,实现思路 1.一个文本框 做搜索 2.一个文本框显示选中文本,一个隐藏控件存值 3.一个div里面绑定CheckBoxList控件(这 ...

随机推荐

  1. Google软件构建工具Bazel

    转载Google软件构建工具Bazel FAQ 本文是我的翻译,原文在这里.欢迎转载,转载请注名本文作者和原始链接注:如果想了解Bazel的原理,可以看看我之前翻译的Google Blaze原理及使用 ...

  2. Arcgis For Android之GPS定位实现

    翻开曾经做的东西,看了看,非常多从逻辑上比較乱,对之做了改动,完毕后实现的效果为: MapActivity源码例如以下: package com.lzugis.map; import java.io. ...

  3. POJ 2262 Goldbach&#39;s Conjecture(素数相关)

    POJ 2262 Goldbach's Conjecture(素数相关) http://poj.org/problem?id=2262 题意: 给你一个[6,1000000]范围内的偶数,要你将它表示 ...

  4. gpu显存(全局内存)在使用时数据对齐的问题

    全局存储器,即普通的显存,整个网格中的随意线程都能读写全局存储器的任何位置. 存取延时为400-600 clock cycles  很easy成为性能瓶颈. 訪问显存时,读取和存储必须对齐,宽度为4B ...

  5. 加载xib文件的两种方式

    一.加载xib文件的两种方式 1.方法一(NewsCell是xib文件的名称) NSArray *objects = [[NSBundle mainBundle] loadNibNamed:@&quo ...

  6. 通过扩展改善ASP.NET MVC的验证机制[实现篇]

    原文:通过扩展改善ASP.NET MVC的验证机制[实现篇] 在<使用篇>中我们谈到扩展的验证编程方式,并且演示了本解决方案的三大特性:消息提供机制的分离.多语言的支持和多验证规则的支持, ...

  7. Appium Android Bootstrap源码分析之简介

    在上一个系列中我们分析了UiAutomator的核心源码,对UiAutomator是怎么运行的原理有了根本的了解.今天我们会开始另外一个在安卓平台上基于UiAutomator的新起之秀--Appium ...

  8. T-SQL: 17 个与日期时间相关的自定义函数(UDF),周日作为周的最后一天,均不受 @@DateFirst、语言版本影响!

    原文:T-SQL: 17 个与日期时间相关的自定义函数(UDF),周日作为周的最后一天,均不受 @@DateFirst.语言版本影响! CSDN 的 Blog 太滥了!无时不刻地在坏! 开始抢救性搬家 ...

  9. ArrayList/List 泛型集合

    List泛型集合 集合是OOP中的一个重要概念,C#中对集合的全面支持更是该语言的精华之一. 为什么要用泛型集合? 在C# 2.0之前,主要可以通过两种方式实现集合: a.使用ArrayList 直接 ...

  10. 编译安装gimp插件之Mathmap(流水记录)

    本文为在Fedora 20下编译安装Mathmap1.3.5的编译过程,如果你仅仅需要快速的安装Mathmap,那么请拉至文末的"快速安装" 其实,过程还是很有趣的,充满Error ...