layui 第三方組件平臺(tái)

返回首頁(yè) 發(fā)布組件

labeledit 是一個(gè)文本顯示與編輯功能切換的組件,組件基于layui實(shí)現(xiàn),編輯類型可以是文本 單選框 下拉選擇框 勾選框 日期選擇 時(shí)分選擇 顏色選擇。

創(chuàng)建:2020-12-3

文檔

使用方法
  layui.config({
base: '/lib/layui-v2.5.6/ext/' //本腳本所在路徑
}).use('labeledit'.function(){
var labeledit=layui.labeledit;
labeledit.render({
elem:'#test1'//組件ID
});
});
組件屬性說(shuō)明
elem:必需項(xiàng) 使用jq選擇器
editType:編輯類型 默認(rèn)為 text, 支持的類型有 text-文本輸入框 radio-單選框 select-下拉選擇框 checkbox-勾選框 date-日期選擇框 time-時(shí)間選擇框 color-顏色選擇框
value:初始化默認(rèn)值 結(jié)構(gòu)為{"id":"1","text":"顯示內(nèi)容"} id表示組件的值 text 表示組件顯示的內(nèi)容 editType為text,date,time,color時(shí)id與text相同
items:選擇項(xiàng) 結(jié)構(gòu)為[{"id":"1","text":"選擇1"},{"id":"2","text":"選擇2"}] editType為radio,select,checkbox時(shí)的必需項(xiàng),其中editType為checkbox時(shí)數(shù)組中第一項(xiàng)為未勾選的值 第二項(xiàng)為勾選的值
savecallback:編輯完成保存的回調(diào)函數(shù) 有2個(gè)參數(shù) value,text 分別是編輯控制返回的值和顯示內(nèi)容,保存成功返回true 保存失敗返回false

下載

立即下載 去碼云下載
該擴(kuò)展組件由第三方用戶主動(dòng)投遞,并由其自身進(jìn)行維護(hù),本站僅做收集。