layui 第三方组件平台

返回首页 发布组件

labeledit 是一个文本显示与编辑功能切换的组件,组件基于layui实现,编辑类型可以是文本 单选框 下拉选择框 勾选框 日期选择 时分选择 颜色选择。

创建:2020-12-3

文档

使用方法
  layui.config({
base: '/lib/layui-v2.5.6/ext/' //本脚本所在路径
}).use('labeledit'.function(){
var labeledit=layui.labeledit;
labeledit.render({
elem:'#test1'//组件ID
});
});
组件属性说明
elem:必需项 使用jq选择器
editType:编辑类型 默认为 text, 支持的类型有 text-文本输入框 radio-单选框 select-下拉选择框 checkbox-勾选框 date-日期选择框 time-时间选择框 color-颜色选择框
value:初始化默认值 结构为{"id":"1","text":"显示内容"} id表示组件的值 text 表示组件显示的内容 editType为text,date,time,color时id与text相同
items:选择项 结构为[{"id":"1","text":"选择1"},{"id":"2","text":"选择2"}] editType为radio,select,checkbox时的必需项,其中editType为checkbox时数组中第一项为未勾选的值 第二项为勾选的值
savecallback:编辑完成保存的回调函数 有2个参数 value,text 分别是编辑控制返回的值和显示内容,保存成功返回true 保存失败返回false

下载

去码云下载
该扩展组件由第三方用户主动投递,并由其自身进行维护,本站仅做收集。