HUI 标签组件(hui 3.0 及以上版本)

dom结构

运营

设计

前端

平面

使用 hui.tags(domId, callback)将标签可选化功能：将指定元素下的标签转换为可选择标签；

参数：1、ID选择器(.hui-tags 所在dom元素的id)

2、点击标签后回调函数

返回：无

使用 hui.getTagsData(domId) 获取选中的标签

功能：获取指定标签组内的选中标签的文本和值；

参数：ID选择器(.hui-tags 所在dom元素的id)

返回：数组形式的选中值【没有选中的标签返回 false】

完整代码html>

HUI

HUI 标签组件

普通标签

运营

设计

前端

平面

圆角标签

/* 标签颜色改变 */

.greenTags > div{border-color:#31A990; color:#31A990;}

php

HTML

css

Node.js

可选择标签

点击选择

橄榄球

篮球

足球

网球

乒乓球

羽毛球

获取选中标签的内容和值

* hui.tags()

* 函数第2个参数为可选参数【标签状态切换的回调函数】，可以根据实际情况决定是否完善

hui.tags('#tags1', function(){

var tagData = hui.getTagsData('#tags1');

console.log(JSON.stringify(tagData));

});

//按钮点击事件

hui('#btn').click(function(){

var tagData = hui.getTagsData('#tags1');

console.log(JSON.stringify(tagData));

hui.alert('请观察控制台');

});

hui后台框架html页面中的图标,HUI相关推荐

iframe框架一个页面中嵌套到另外一个页面
在一个页面中嵌套另外一个页面,就要使用到框架<iframe> 标签.<iframe> 标签规定一个内联框架.一个内联框架被用来在当前 HTML 文档中嵌入另一个文档. 基本语法 ...
iconfont怎么引入html,Web页面中引用iconfont图标
阿里妈妈出品的 iconfont 是一个矢量图标管理.交流平台,支持矢量图.位图等格式下载,并提供便捷的前端项目植入引用方法,是当前Web开发中主流的icon解决方案. 想要在前端页面中引入图标,一个 ...
在页面中隐藏数据库某信息并显示该信息对应的字典编码名称(后台ssh框架，前台extjs)
在实际项目中应该会遇到这种情况,比如说手指指位字段在数据库中存储的内容是ZW_ZSZZ,ZW_YSDMZ-,这些指位对应的字典编码分别是左手中指,右手大拇指-,当需要在页面中显示手指指位字段信息时,我 ...
后台框架--HUI 的学习跟使用1
下载跟查看说明文档:官方 https://github.com/jackying/ 官网:http://www.h-ui.net/H-ui.admin.shtml 后台,http://www.h-ui ...
layui 刷新页面_layuimini简洁、清爽、易用的layui后台框架模板
简介 layuimini最简洁.清爽.易用的layui后台框架模板.它基于jquery3.4.1 和 layui2.5.4 实现.整套后台大约有20个页面,满足常用的后台管理,如果有基于jquery ...
Svelte-Ui-Admin基于svelte-ui中后台管理系统|Svelte3+Vite3后台框架
Svelte Ui Admin基于svelte3.x+svelteKit+svelteUI整合的中后台管理系统. 一款基于svelte3.x+vite3+svelteKit+svelteUi+svel ...
问题解决10使用带有框架的页面跳转到登录页面时，登录页面只显示在子框架中，未能铺满整个浏览器--解决方案如下：...
问题描述: 使用带有框架的页面跳转到登录页面时,登录页面只显示在子框架中,未能铺满整个浏览器,例如: 当登录信息过期时,点击左边的菜单栏会让登录页面显示在右边的框架中,而不能铺满整个浏览器解决方案: ...
jsp页面中JSTL/EL标签引用java后台静态static字段的方法总结
转载自 jsp页面中JSTL/EL标签引用java后台静态static字段的方法总结为什么使用该功能? 项目中的每个页面都包含产品名称.Logo.版本等信息,我希望修改一处,其它所有的全部跟着变 ...
框架页面中，从子页面刷新父页面问题解决
上次做的一个项目的主页面是那种框架的效果, 左边点什么右边的子页面对应各个页面. 我开始要做的功能是当点击某个连接时,且session超时的时候．右边就出来一个登陆错误页面, 上面有个Button跳转 ...

hui后台框架html页面中的图标,HUI

HUI 标签组件

hui后台框架html页面中的图标,HUI相关推荐

最新文章

热门文章