B/S开发框架_怎么为dropdownlist下拉框_绑定后台枚举值

web开发框架中dropdownlist控件是经常用到的,有的会绑定数据库里的值,有的会绑定枚举值,有的是界面直接固定的,在云微web开发框架中我们究竟怎么为dropdownlist下拉框绑定枚举值呢,我们以快速生成工具里面如何字段类型绑定类型信息为例给大家讲解,请跟我们一步一步来做。

枚举及值

后台获取值并赋值

传值并前端绑定

总结


枚举及值

我们B/S开发框架快速生成工具中每个数据模型都有很多的领域属性,每个属性都是有他们的特定的数据类型,对应的就会有输入控件。如下一个字段的控件类型枚举

    public enum FieldTypeMenu
    {
        TextBox = 0,
        RadioButton = 1,
        DropDownList = 2,
        ListBox = 3,
        CheckBox = 4,
        EditTime = 5
    }

Web开发框架后台获取值及赋值

ViewBag.FieldTypeMenu = new List<SelectListItem>() { 
new SelectListItem { Value = FieldTypeMenu.TextBox.ToString(), Text=FieldTypeMenu.TextBox.ToString() },
new SelectListItem { Value = FieldTypeMenu.CheckBox.ToString(), Text=FieldTypeMenu.CheckBox.ToString() },
new SelectListItem { Value = FieldTypeMenu.DropDownList.ToString(), Text=FieldTypeMenu.DropDownList.ToString() },
new SelectListItem { Value = FieldTypeMenu.EditTime.ToString(), Text=FieldTypeMenu.EditTime.ToString() },
new SelectListItem { Value = FieldTypeMenu.ListBox.ToString(), Text=FieldTypeMenu.ListBox.ToString() },
new SelectListItem { Value = FieldTypeMenu.RadioButton.ToString(), Text=FieldTypeMenu.RadioButton.ToString() }
};

通过ViewBag给前端传值。

传值并前端绑定

<td>
    @Html.DropDownListHelperFor(model => model.DomainModelList[i].FieldTypeMenu, ViewBag.FieldTypeMenu as IList<SelectListItem>, Model.DomainModelList[i].FieldTypeMenu, null, new { @class = "form-control" })
    @Html.ValidationMessageFor(model => model.DomainModelList[i].FieldTypeMenu)
</td>
对列表明细动态添加属性,快速开发平台为每个属性绑定数据控件类型,并加载后台传过来的值。

绑定

<select id="FieldType" style="display:none">
    @foreach (var selectItem in ViewBag.FieldTypeMenu)
    {
        <option value="@selectItem.Value">@selectItem.Text</option>
    }
</select>

加载

    //下拉项 控件类型
    function fieldTypeMenuOptional(val) {
        return $("#FieldType").html();
    }

总结

B/S开发框架中dropdownlist控件是经常用到的,有的会绑定数据库里的值,有的会绑定枚举值,有的是界面直接固定的,在云微web开发框架中我们究竟怎么为dropdownlist下拉框绑定枚举值呢,我们以快速生成工具里面如何字段类型绑定类型信息为例给大家讲解,请跟我们一步一步来做。


网站&系统开发技术学习交流群:463167176

本站文章除注明转载外,均为本站原创或翻译,欢迎任何形式的转载,但请务必注明出处,尊重他人劳动,共创和谐网络环境。
转载请注明:文章转载自:华晨软件-云微开发平台 » B/S开发框架_怎么为dropdownlist下拉框_绑定后台枚举值
本文标题:B/S开发框架_怎么为dropdownlist下拉框_绑定后台枚举值
本文地址:http://www.hocode.com/OrgTec/UI/0016.html

相关文章: Web框架Ajax实现html下拉框联动

电话
电话 18718672256

扫一扫
二维码