dropDownSelect枚举下拉框

最新推荐文章于 2024-05-06 15:26:28 发布
最新推荐文章于 2024-05-06 15:26:28 发布
阅读量2k 收藏 1
点赞数
分类专栏： Angular 文章标签： angularjs
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sinat_36146776/article/details/69951318
版权

此搜索目录，下拉框太多，每个下拉框都要写类似html代码

还要在controller.js中分别定义遍历对象的值

简化：

封装指令

 

 

vo:对应着ng-model，type-code是数据字典中的值，根据type-code获得不同的下拉框的值 ，label-name：是标题，lab-col="3" sel-col="9" 分别是标题和下拉框的样式宽度

“@”:对应传过来的值应该是字符串；“=”是变量

自此封装后，多个页面都可以根据设置type-code的不同获得下拉框；ng-model对应着传到controller.js中的格式

此指令简化了页面代码和js代码

吃瓜群众欢乐多
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue使用枚举类型实现HTML下拉框步骤详解
08-28
在本文中，我们使用枚举类型 `StatusEnum` 来定义下拉框的选项，枚举类型的优点是可以将选项的值和显示的文本分离，方便后台数据的处理和前台的显示。在 `StatusEnum` 枚举类型中，我们定义了三个选项：`RED`、`...
[Semantic] dropdown（select）操作
Danny Chen的专栏
10-20 8242
设置默认值 方法一： $(‘.ui.dropdown’).dropdown(‘set selected’, value); 方法二，要设置默认值必须同时设置text和value (‘.ui.dropdown′).dropdown(‘settext′,text);(‘.ui.dropdown’).dropdown(‘set text’, text); (‘.ui.dropdown’).dr
antd Select组件 和 Dropdown组件 踩坑·记
青蛙king的博客
03-16 5434
1、Select组件，展开下拉框后，滑动滚轮，下拉框会跟着上下滑动 解决： <Select getPopupContainer={trigger => trigger.parentNode} > 2、Select组件，上下滑动下拉框里的数据，数据自动变了 解决： ...
el-form中el-select-dropdown样式不生效的问题
最新发布
han_xiao_xiao的博客
05-06 234
【代码】el-form中el-select-dropdown样式不生效的问题。
bootstrap实现下拉框dropdown选中select option 美爆了
热门推荐
hotqin888的专栏
04-01 3万+
https://www.cnblogs.com/zou1234/p/7884053.html#commentformbootstrap 官网的例子有点坑，它只给你下拉，并且美化了，但你点击下拉却不能选择，这个坎就已经让一大堆人不想用它下拉框了，但原生的下拉框在每个浏览器长的的不一样，尤其是在ie太丑，好了废话不多说直接上代码；&lt;div id="addgroups" class="btn-gr...
Input & DropDown 拼接成 select组件（基于antd和react）
m0_61472704的博客
04-09 452
为什么不直接用select，还要舍近求远搞input+dropdown这种缝合怪，是因为。
(Select)解决：Element-ui 中 Select 选择器下拉框样式及输入框样式的修改问题(背景色透明与悬停背景色变化与下拉框边距变化等操作)
狮子座的男孩
05-05 2万+
Ⅰ、Element-ui 提供的组件与想要目标对比： 1、Element-ui 提供组件情况： 2、想要修改后的目标： Ⅱ、Ⅲ、ⅣⅤ1、目标：
C# 枚举绑定到ComboBox下拉框
08-28
本文介绍C# 枚举绑定到ComboBox下拉框的实际开发代码，是开发人员的实际经验总结；绑定原理也适用于其他开发语言，如：Java、C++等
C#如何利用反射将枚举绑定到下拉框详解
08-27
本文将详细介绍如何利用反射将枚举绑定到下拉框，例如ComboBox控件，以提高代码的可复用性和灵活性。 首先，枚举（enum）是C#中用于定义一组相关常量的类型，它们通常用于表示一组有限的、预定义的值。在本例中，...
el-dropdown的使用记录
DarkAfraid的博客
06-08 695
el-dropdown跟el-select组合使用
select-dropdown:自定义选择下拉菜单
04-09
选择下拉 自定义选择下拉菜单
bootstrap 3 下拉条选项 dropdown select
Just Code
11-18 229
  &lt;div class="container"&gt; &lt;div class="form-group"&gt; &lt;label for="platform" class="control-label col-xs-2"&gt;Platform:&lt;/label&gt; &lt;div
DROPDOWN控件
weixin_38220722的博客
12-15 1005
DROPDOWN控件介绍 1、内容介绍 HEADER控件基本使用方法 2、源码介绍 2.1、定义控件的初始值 hItem = WM_GetDialogItem(pMsg->hWin, ID_DROPDOWN_0); DROPDOWN_SetFont(hItem, &GUI_FontFont_Micro_20); ① DROPDOWN_SetTextAlign(hItem, GUI_T...
Select 组件或 Dropdown 组件下拉框随页面上下滑动的问题
莫不静好
08-25 1488
背景：当页面数据过多需要滚动时，展开Select组件或Dropdown组件的下拉框后，滚轮页面，下拉框会跟着上下滑动 <a-select v-model="k.propertyContent" :filter-option="filterOptionSelect" show-search ref="entitySel" option-label-prop="label" :getPopupContainer="(triggerNode) => tr.
ant中select-dropdown遮盖选择框及定位问题
lowers_1的博客
08-15 3484
ant中select-dropdown遮盖选择框及定位问题
dropdown多选下拉框
weixin_30667301的博客
10-29 3377
写好了一个dropdown多选框。直接粘下面代码就能用 效果展示： temp2.jsp <%@page import="com.util.LabelCacheManager"%><%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%&...
Select2插件dropDown的配置
sayoko06的博客
05-04 2263
    近期公司开发页面，使用到了select2的js插件--select2.full.min.js，我们有个需求就是在option的text内容前面和后面要动态的加上图标，如图：    面临问题：使用select2，option的下拉框会经过处理变成&lt;span&gt;标签在页面上显示，所以无法再option上进行添加，而且&lt;option&gt;标签不支持后面加图标。    问题解决：...
input关键字可筛选下拉框
wilL-my的博客
03-20 2114
HTML <div class="dropdownAdd" id="search" onclick="search.changeValue(this);search.searchKeyword()"> <input type="text" class="dropdown-selected" id=...
ComboBox 下拉框绑定枚举
06-13
ComboBox 下拉框可以通过绑定枚举来实现简单的数据绑定，下面是一个示例： ```csharp public enum ColorEnum { Red, Green, Blue } public partial class MyForm : Form { public MyForm() { Initialize...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值