前言

最近猛然惊觉（说是猛然，是因为自己工作那么多年，居然不自知、不反省），在开发中，自己碰到一些常用的功能代码块，还是习惯性的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. 【unix网络编程第三版】阅读笔记（四）：TCP客户/服务器实例

    本篇博客主要记录一个完整的TCP客户/服务器实例的编写,以及从这个实例中引发的对僵死进程的处理等问题. 1. TCP客户/服务器功能需求 本实例完成以下功能: (1) 客户从标准输入读入一行文本,并写 ...

  2. 新手学python（3）：yield与序列化

    1 Yield生成器 Yield是我在其他语言中没有见过的一个属性,算是python的一大特色,用好之后可以使代码更简洁.考虑一个简单的例子,文件的遍历.要遍历一个目录下的所有文件需要递归的操作.如果 ...

  3. UNIX网络编程——TCP回射服务器/客户端程序

    下面通过最简单的客户端/服务器程序的实例来学习socket API. serv.c 程序的功能是从客户端读取字符然后直接回射回去: #include<stdio.h> #include&l ...

  4. Hadoop分布式存储系统HDFS

    1.hadoop fs 指令 -ls -ls <路径> 查看指定路径的当前目录结构 -lsr -lsr <路径> 递归查看指定路径的目录结构 -du -du <路径> ...

  5. Java函数2:计算两个日期相差的天数

    import java.util.Scanner; public class HelloWorld { public static void main(String[] args){ // Scann ...

  6. driver: Linux设备模型之input子系统详解

    本节从整体上讲解了输入子系统的框架结构.有助于读者从整体上认识linux的输入子系统.在陷入代码分析的过程中,通过本节的知识能够找准方向,明白原理. 本节重点: 输入子系统的框架结构 各层对应内核中的 ...

  7. HTML入门笔记案例展示(1)

    一: html标签&html书写规则 Html 的标签 分为如下 这两种 : 单标签: 单标签一般 用于特殊的含义,  例如 :  <br/> 表示换行,  <hr/> ...

  8. EBS 可拓展的外部信用风险导入

    DECLARE l_msg_count NUMBER; l_msg_data VARCHAR2(2000); l_return_status VARCHAR2(30); l_cc_hold_comme ...

  9. iOS基础常用细节问题处理65条

    1. 不可变数组  转变为可变数组  //声明实例变量的数组  必须记得实现 //对于遍历数组找到对象后 如果还需要查找 记得先结束 再查找(return/break) NSArray * arr = ...

  10. Pixelmetrix ：OTT Media Grinder （OTT TV 质量评价设备）

    有关OTT TV 质量评价方法方面的研究少之又少.国内貌似还几乎没有相关的研究.不过在国外已经找到相关的产品了,翻译了一下产品手册的部分内容,很有参考价值,尤其是其提出的8个指标. 概述 OTT Me ...