468 lines
16 KiB
JavaScript
468 lines
16 KiB
JavaScript
layui.define(['layer', 'form'], function(exports) {
|
|
var layer = layui.layer,
|
|
form = layui.form,
|
|
$ = layui.$,
|
|
key = '',
|
|
allJS = '',
|
|
allHtml = '';
|
|
let module = ["form"];
|
|
delHtml()
|
|
$('button').on('click', function() {
|
|
var _this = $(this),
|
|
size = _this.data('size'),
|
|
type = _this.data('type'),
|
|
html = '';
|
|
key = randStrName();
|
|
switch (type) {
|
|
case 'text':
|
|
html = input(type, size)
|
|
break;
|
|
case 'password':
|
|
html = input(type, size)
|
|
break;
|
|
case 'select':
|
|
html = select(size)
|
|
break;
|
|
case 'checkbox_a':
|
|
html = checkbox_a(size)
|
|
break;
|
|
case 'checkbox_b':
|
|
html = checkbox_b(size)
|
|
break;
|
|
case 'radio':
|
|
html = radio(size)
|
|
break;
|
|
case 'textarea':
|
|
html = textarea(size)
|
|
break;
|
|
case 'icon':
|
|
html = icon(size)
|
|
$('form').append(html);
|
|
form.render();
|
|
setHtml(html);
|
|
layui.use(['iconPicker'], function() {
|
|
layui.iconPicker.render({
|
|
elem: "#" + key,
|
|
type: "fontClass",
|
|
});
|
|
});
|
|
if (module.indexOf('iconPicker') === -1) module.push('iconPicker');
|
|
allJS += ' // 图标选择\n' +
|
|
' layui.iconPicker.render({\n' +
|
|
' elem: "#' + key + '",\n' +
|
|
' type: "fontClass",\n' +
|
|
' });\n';
|
|
$('.js-show').text(jscode())
|
|
return;
|
|
case 'multiSelect':
|
|
html = multiSelect(size)
|
|
$('form').append(html);
|
|
form.render();
|
|
setHtml(html);
|
|
layui.use(['xmSelect'], function() {
|
|
layui.xmSelect.render({
|
|
el: "#" + key,
|
|
name: key,
|
|
data: [{value: 1, name: "深圳"},{value: 2, name: "上海"},{value: 3, name: "广州"}],
|
|
});
|
|
});
|
|
if (module.indexOf('xmSelect') === -1) module.push('xmSelect');
|
|
allJS += ' // 下拉多选\n' +
|
|
' layui.xmSelect.render({\n' +
|
|
' el: "#' + key + '",\n' +
|
|
' name: "' + key + '",\n' +
|
|
' data: [{value: 1, name: "深圳"},{value: 2, name: "上海"},{value: 3, name: "广州"}],\n' +
|
|
' });\n';
|
|
$('.js-show').text(jscode())
|
|
return;
|
|
case 'tree':
|
|
html = tree(size)
|
|
$('form').append(html);
|
|
form.render();
|
|
setHtml(html);
|
|
layui.use(['xmSelect'], function() {
|
|
layui.xmSelect.render({
|
|
el: "#" + key,
|
|
name: key,
|
|
tree: {show: true},
|
|
data: [{value: 1, name: "广东省", children:[{value: 2, name: "深圳"},{value: 3, name: "广州"}]},{value: 4, name: "福建省", children:[{value: 5, name: "厦门"},{value: 6, name: "福州"}]}],
|
|
});
|
|
});
|
|
if (module.indexOf('xmSelect') === -1) module.push('xmSelect');
|
|
allJS += ' // 树多选\n' +
|
|
' layui.xmSelect.render({\n' +
|
|
' el: "#' + key + '",\n' +
|
|
' name: "' + key + '",\n' +
|
|
' tree: {show: true},\n' +
|
|
' data: [{value: 1, name: "广东省", children:[{value: 2, name: "深圳"},{value: 3, name: "广州"}]},{value: 4, name: "福建省", children:[{value: 5, name: "厦门"},{value: 6, name: "福州"}]}],\n' +
|
|
' });\n';
|
|
$('.js-show').text(jscode())
|
|
return;
|
|
case 'treeSelectOne':
|
|
html = treeSelectOne(size)
|
|
$('form').append(html);
|
|
form.render();
|
|
setHtml(html);
|
|
layui.use(['xmSelect'], function() {
|
|
layui.xmSelect.render({
|
|
el: "#" + < |