前言

最近猛然惊觉（说是猛然，是因为自己工作那么多年，居然不自知、不反省），在开发中，自己碰到一些常用的功能代码块，还是习惯性的baidu，然后copy....这样的操作，不知自己重复了多少遍。现在回想起来，其实每一次在网上搜索查找代码块，都耗费了自己一定的时间、精力。

既然如此，自己为什么不总结、汇总这些常用的轮子呢，又，为什么要一遍一遍的消耗时光？

一个字，懒！

懒的动手，怕麻烦。

出来混，总是要混的。

现在到自己还的时候了。

第一个款轮子——select 或者叫 Html.DropDownList

直接上代码：

 @{

     Layout = null;

 }

 @using PartyInvites.Models

 @model School 

 <!DOCTYPE html>

 <html>

 <head>

     <meta name="viewport" content="width=device-width" />

     <script src="~/Content/js/jquery-3.2.1.min.js"></script>

     <title>select 轮子的使用</title>

 </head>

 <body>

     <div>

         <h1>

             第一种绑定Html.DropDownList

         </h1>

         @{

             var schoolList = (List<School>)ViewData["SchoolList"];

             var list = new SelectList(schoolList.AsEnumerable(), "Id", "Name");

             @Html.DropDownList("SchoolList", list,"请选择");

         }

     </div>

     <div>

         <h2>

             第二种绑定Html.DropDownList<span style="color:red">给定默认值</span>

         </h2>

         @{

             var secondeList = new SelectList(schoolList.AsEnumerable(), "Id", "Name", Model.Id);

                 /*

                  注意 当使用Model.Id 绑定默认值，Html.DropDownList 方法中的第一个参数名 不能与

                  * ViewData["名字"] 一样，否则无法显示默认值。不懂什么原因

                  */

             @Html.DropDownList("SecondList", secondeList, "请选择默认值");

         }

     </div>

     <div>

         <h3>

             第三种绑定html select控件

         </h3>

         @*

         这里使用到jquery库

         *@

         <select id="selSchool">

         </select>

     </div>

 </body>

 </html>

 <script type="text/javascript">

     $(function () {

         //页面加载完成执行

         bindSchooList();

     });

     function bindSchooList() {

         $.ajax({

             url: 'Home/BindSchool',

             type:"POST",

             success: function (data) {

                 $("#selSchool").empty();//清空绑定的列表

                 $("#selSchool").append("<option value='0'>请选择</option>");//设置首项

                 //遍历json数据源

                 var options = "";

                 $.each(data.SchoolList, function (indx, item) {

                     options += "<option value='" + item.Id + "'>" + item.Name + "</option>";

                 });

                 //追加html options 到select

                 $("#selSchool").append(options);

                 //设置默认值

                 $("#selSchool").val(data.DefaultValue);

             },

             error: function (data) {

             }

         });

     }

 </script>

界面代码

 using PartyInvites.Models;

 using System;

 using System.Collections.Generic;

 using System.Linq;

 using System.Web;

 using System.Web.Mvc;

 namespace PartyInvites.Controllers

 {

     public class HomeController : Controller

     {

         //声明数据源

         //实际可从数据库查询返回

         public List<School> schoolList = new List<School>() {

             new School{Id=,Name="山东大学"},

             new School{Id=,Name="济南大学"}

         };

         public ViewResult Index()

         {

             //传数据源到view

             ViewData["SchoolList"] = schoolList;

             School shool = new School();

             //页面根据这个id 显示下拉选中的值

             //可按实际给定

             shool.Id = ;

             //页面绑定强类型

             return View(shool);

         }

         /// <summary>

         /// 第三种方法

         /// 绑定到html select 控件

         /// </summary>

         /// <returns></returns>

         public ActionResult BindSchool()

         {

             var obj = new

             {

                 SchoolList = schoolList,//数据源

                 DefaultValue =  //默认值

             };

             return Json(obj);

         }

     }

 }

后台代码

项目是用vs2013,新建mvc empty模版项目的。

IT轮子系列（一）——DropDownList 的绑定，你秒懂了吗的更多相关文章

  1. 重复造轮子系列——基于FastReport设计打印模板实现桌面端WPF套打和商超POS高度自适应小票打印

    重复造轮子系列——基于FastReport设计打印模板实现桌面端WPF套打和商超POS高度自适应小票打印 一.引言 桌面端系统经常需要对接各种硬件设备,比如扫描器.读卡器.打印机等. 这里介绍下桌面端 ...

  2. WCF编程系列(三)地址与绑定

    WCF编程系列(三)地址与绑定   地址     地址指定了接收消息的位置,WCF中地址以统一资源标识符(URI)的形式指定.URI由通讯协议和位置路径两部分组成,如示例一中的: http://loc ...

  3. IT轮子系列（六）——Excel上传与解析，一套代码解决所有Excel业务上传，你Get到了吗

    前言 在日常开发当中,excel的上传与解析是很常见的.根据业务不同,解析的数据模型也都不一样.不同的数据模型也就需要不同的校验逻辑,这往往需要写多套的代码进行字段的检验,如必填项,数据格式.为了避免 ...

  4. IT轮子系列（三）——如何显示方法名——Swagger的使用（三）

    前言 在上一篇文章IT轮子系列(三)——如何给返回类型添加注释——Swagger的使用(二) 介绍如何使用swashbuckle的时候忽略了一个问题,就是默认创建的API项目在生成文档的时候是没有显示 ...

  5. DropDownList 不能绑定多个值错误！

    ListItem item = new ListItem("--请选择--",""); ddlstPurchaser.Items.Insert(0, item) ...

  6. 重复造轮子系列——基于Ocelot实现类似支付宝接口模式的网关

    重复造轮子系列——基于Ocelot实现类似支付宝接口模式的网关 引言 重复造轮子系列是自己平时的一些总结.有的轮子依赖社区提供的轮子为基础,这里把使用过程的一些觉得有意思的做个分享.有些思路或者方法在 ...

  7. 造轮子系列之RPC 1：如何从零开始开发RPC框架

    前言 RPC 框架是后端攻城狮永远都绕不开的知识点,目前业界比较知名有 Dubbo.Spring Cloud 等.很多人都停留在了只会用的阶段,作为程序猿,拥有好奇心深入学习,才能有效提高自己的竞争力 ...

  8. IT轮子系列（一）——DropDownList 的绑定（二）

    补记: 今天在阅读公司项目代码的时候,发现MVC中的dropdownlist已经封装了数据绑定方式.相对于第一篇文章,这样的方式更简便.简洁.现记录如下: 首先,创建我们的数据模型 如下图: 模型代码 ...

  9. KendoUI系列：DropDownList

    1.基本使用 1>.创建Input <input id="dropDownList" /> <link href="@Url.Content(&q ...

随机推荐

  1. MySQL设计软件登录模块

    学了一段时间的Java了,思量着做一点简单的小模块的东西吧,于是就有了下面的这个简单的小案例. 大致实现的功能就是注册于登录还有就是用到了一点,分层思想.仅此而已,所以非常的适合新手围观. 建立好数据 ...

  2. Android ListPopupWindow的使用

    其实像ListPopupWindow.PopupMenu的用法大致和PopupWindow的一样!就不讲了,相信用过PopupWindow的看一下就能明白. 先上个效果图: ListPopupWind ...

  3. hashmap 循环取出所有值 取出特定的值 两种方法

    //第一种 Iterator menus = menu.iterator(); while(menus.hasNext()) { Map userMap = (Map) menus.next(); S ...

  4. Swift基础之：新的访问控制fileprivate和open

    (转载的,暂时没有研究过这类语句,有空看看) 在swift 3中新增加了两种访问控制权限 fileprivate和 open.下面将对这两种新增访问控制做详细介绍. fileprivate 在原有的s ...

  5. 【unix网络编程第三版】阅读笔记（五）：I/O复用：select和poll函数

    本博文主要针对UNP一书中的第六章内容来聊聊I/O复用技术以及其在网络编程中的实现 1. I/O复用技术 I/O多路复用是指内核一旦发现进程指定的一个或者多个I/O条件准备就绪,它就通知该进程.I/O ...

  6. Android项目-高考作文-抽象BaseAdapter

    1, 在使用baseAdapter的时候,总是有需要重复的代码如: @Override public int getCount() { return list.size(); } @Override ...

  7. Swing——动作（Action）

    本文是在学习中的总结,欢迎转载但请注明出处:http://blog.csdn.net/pistolove/article/details/41258997 Action接口扩展于ActionListe ...

  8. iOS中 UIToolBar 技术分享

    UIToolBar存在于UINavigationController导航栏控制器中,而且默认被隐藏.当设置UIToolBar显示,或者存在UITabBarController且tabbar被隐藏的时候 ...

  9. org.apache.poi.ss.usermodel 类操作excel数据遗漏

    直接上图. 错误程序: 循环读取每一行的单元格数据部分 //for (int j = row.getFirstCellNum(); j < row.getLastCellNum(); j++) ...

  10. Java中回调函数编写

    package XXX.utils; import java.io.File; import java.io.FileInputStream; import java.io.FileOutputStr ...