前言

最近猛然惊觉（说是猛然，是因为自己工作那么多年，居然不自知、不反省），在开发中，自己碰到一些常用的功能代码块，还是习惯性的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. 为你的MacOS App添加开机自启动（Swift）

    猴子原创,欢迎转载.转载请注明: 转载自Cocos2Der-CSDN,谢谢! 原文地址: http://blog.csdn.net/cocos2der/article/details/52104828 ...

  2. android AlarmManager讲解

    Android系统闹钟定时功能框架,总体来说就是用数据库存储定时数据,有一个状态管理器来统一管理这些定时状态的触发和更新.在Andriod系统中实现定时功能,最终还是要用到系统提供的AlarmMana ...

  3. LiveBlox无需代码的开发工具--支持win macos ubuntu等开发环境--

    LiveBlox无需代码的开发工具-支持windows macos ubuntu. 强大 灵活 易于使用 视频简介:LiveBlox Develop Technology Without Coding ...

  4. 【Unity Shaders】Lighting Models —— 光照模型之Lit Sphere

    本系列主要参考<Unity Shaders and Effects Cookbook>一书(感谢原书作者),同时会加上一点个人理解或拓展. 这里是本书所有的插图.这里是本书所需的代码和资源 ...

  5. Xcode中Groups和Folder的区别

    以前一直没有在意这个问题,今天"中奖"了 ;( 在Xcode文件夹视图中会发现2种颜色的文件夹图标:黄色和蓝色. 黄色表示组(groups),蓝色表示文件夹(folder). 组只 ...

  6. java方法重写和super关键字

    //java方法重写和super关键字 //在继承中,其实就是子类定义了和父类同名的方法 //就是方法,属性都是相通的 //重写限制: //被子类重写的方法不能拥有比父类方法更加严格的权限 //sup ...

  7. 【一天一道LeetCode】#110. Balanced Binary Tree

    一天一道LeetCode 本系列文章已全部上传至我的github,地址:ZeeCoder's Github 欢迎大家关注我的新浪微博,我的新浪微博 欢迎转载,转载请注明出处 (一)题目 Given a ...

  8. ROS_Kinetic_18 使用V-Rep3.3.1和Matlab2015b（vrep_ros_bridge）续

    ROS_Kinetic_18 使用V-Rep3.3.1和Matlab2015b(vrep_ros_bridge)续 上一节配置的v-rep在ros kinetic中是可以看图像,并订阅主题的,但是无法 ...

  9. 【Android 系统开发】 编译 Android文件系统 u-boot 内核 并烧写到 OK-6410A 开发板上

    博客地址 : http://blog.csdn.net/shulianghan/article/details/40299813  本篇文章中用到的工具源码下载 : -- ok-6410A 附带的 A ...

  10. Andoird Crash的跟踪方法，使用腾讯Bugly来捕捉一些疑难杂症，让我们APP稳定上线

    Andoird Crash的跟踪方法,使用腾讯Bugly来捕捉一些疑难杂症,让我们APP稳定上线 我们在开发中常常会注意到一些Crash,这正是很头疼的,而且Crash会带来很多意想不到的状态,很恶心 ...