asp.net core razor element 下拉

浪淘沙2小时前前端3

后台:

  //声明
  public List<SelectListItem> _tpe { get; set; } = new();
  public string tpe { get; set; }
  _tpe = ManageHelper.DropSelectTblDis("fz_jishiben", "tpe", "1=1", _db);//下拉


前台:

   data() {
       return {
            form: {tpe:"@Html.Raw(Model.tpe)"},//绑定当前选择
           tpe_options: @Html.Raw(System.Text.Json.JsonSerializer.Serialize(Model._tpe)),


下拉:

 <el-form-item>
     <el-select v-model="form.tpe"
                id="tpe"
                placeholder="选择学校"
                size="large"
                clearable
                filterable
                style="width:220px;">
         <el-option v-for="item in tpe_options"
                    :key="item.Value"
                    :label="item.Text"
                    :value="item.Value">
         </el-option>
     </el-select>
     <input type="hidden"
            name="tpe"
            :value="form.tpe">
 </el-form-item>

接口:

 #region 通用select /// <summary>
 /// 普通表通用下拉框,读取distinct字段
 /// </summary>
 /// <param name="tbl">表名</param>
 /// <param name="fld">要下拉的字段,只能一个字段</param>
 /// <param name="wherstr">where 条件,没有请填写:1=1</param>       

 /// <param name="Db">数据库注入连接:  private readonly SqlSugar.ISqlSugarClient _db;</param>
 /// <returns></returns>
 public static List<SelectListItem> DropSelectTblDis(string tbl, string fld, string wherstr,  SqlSugar.ISqlSugarClient Db)
 {

     var dt = Db.Ado.GetDataTable("select distinct(" + fld + ") from  " + tbl + " where " + wherstr + " order by " + fld + " asc");     var SelectListItem = new List<SelectListItem> { };     if (dt.Rows.Count > 0)
     {
         for (int i = 0; i < dt.Rows.Count; i++)
         {
             SelectListItem.Add(new SelectListItem { Value = dt.Rows[i][fld].ToString(), Text = dt.Rows[i][fld].ToString() });         }
     }
     return SelectListItem; }

 #endregion


返回列表

上一篇:element 加提示 el-tooltip

没有最新的文章了...

相关文章

element 调用接口返回json中的data-bs-toggle="tooltip" data-bs-title="查阅"

<el-table ref="tableRef"><el-table-column prop="files" label=...

element puls select 表单验证

后端: public record OptionItem(string Label, string Value);  publi...

layui ajax请求 post 参数采用 [FromForm] 模式

 // 提交事件  form.on('submit(form1-submit)', function (data) {...

layui提交时,弹出一个确认对话框

<form class="layui-form" method="post" id="myForm"&g...

layui 下拉搜索,多选,form提交

https://codecp.tech/static/xm-select/?lalalalalala=1#/basic/use<div style="margin:100px...

layui checkbox选中事件

 <input type="checkbox" name="danye" id="danye"...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。