zoukankan      html  css  js  c++  java
  • Dropdownlist中用viewmodel传值处理方法

    背景:MVC框架,页面使用razor语法,下拉框的话使用了@Html.DropDownList(),以前传值使用viewdata,但是我们老大说这个方式比较low,希望我可以使用viewmodel的方式,没问题,我来改,首先建立viewmodel,把列表数据传入vm,把多个下拉的数据通过vm传递。


    思考过程:既然是下拉那么数据就是key.value的键值对,我在vm中声明了list 

     public class VM_DepositSourceID
        {
            public int ID { get; set; }
            public string Name { get; set; }
        }
    public List<VM_DepositSourceID> vm_depositsourceid { get; set; }

    希望通过这样的方式来传递给前段,

    cotroller:

    vm_deposit.depositsourceid = this.CRMService.GetSourceList().Select(s => new { s.ID, s.Name });

    但是我发现数据类型不对啊,

    研究了半天后台整好了但是前台又不干了。

    细细查看了dropdownlist这个插件,看到他要的数据就是IEnumerable<SelectListItem>

     public static MvcHtmlString DropDownList(this HtmlHelper htmlHelper, string name, IEnumerable<SelectListItem> selectList, string optionLabel, IDictionary<string, object> htmlAttributes)
            {
                ModelMetadata metadata = null;
                string expression = name;
                IEnumerable<SelectListItem> enumerable = selectList;
                string str2 = optionLabel;
                IDictionary<string, object> dictionary = htmlAttributes;
                return DropDownListHelper(htmlHelper, metadata, expression, enumerable, str2, dictionary);
            }

    既然这样那我就不客气了,我可以把数据传到前台再转类型,但是传递过程数据太大也不好,那我就在后台处理一下数据,然后到了前台再转类型,传递数据的类型可以选择一个通用的object(使用的时候我还提心吊胆的,后来老大同意了,哈哈。)


    具体实现

    1: controller

    vm_deposit.depositcreator = new SelectList(CreatorID.ToList(), "ID", "Name");
    vm_deposit.depositpayment = new SelectList(EnumHelper.GetEnumDictionary<EnumCashRecordPayment>(), "Key", "Value");

    2:数据类型

     public class VM_Deposit
        {
            /// <summary>
            /// 收银列表
            /// </summary>
            public List<DepositDetails> depositdetails { get; set; }
            /// <summary>
            /// 创建者
            /// </summary>
            public object depositcreator { get; set; }
            /// <summary>
            /// 支付类型
            /// </summary>
            public object depositpayment { get; set; }
        }

    3:前段实现

    @Html.DropDownList("Payment", Model.depositpayment as SelectList, "请选择", new { @id = "Payment", @class = "select2" })
    @Html.DropDownList("CreatorID", Model.depositcreator as SelectList, "请选择", new { @id = "CreatorID", @class = "select2" })

    后期有时间再补充以前的实现方案

  • 相关阅读:
    使用Docker及k8s启动logstash服务
    在kubernetes上部署zookeeper,kafka集群
    k8s configmap 挂载配置文件
    k8s 安装 rabbitMQ 单机版
    aws 挂载efs (nfs)目录
    长白山游记
    RedHat 安装YUM软件
    mysql查询案例
    mysql子查询
    mysql联合查询
  • 原文地址:https://www.cnblogs.com/zhaokunbokeyuan256/p/7070456.html
Copyright © 2011-2022 走看看