1 В избранное 0 Ответвления 0

OSCHINA-MIRROR/zyl0151_admin-zTreeSelectM

Присоединиться к Gitlife
Откройте для себя и примите участие в публичных проектах с открытым исходным кодом с участием более 10 миллионов разработчиков. Приватные репозитории также полностью бесплатны :)
Присоединиться бесплатно
Клонировать/Скачать
Внести вклад в разработку кода
Синхронизировать код
Отмена
Подсказка: Поскольку Git не поддерживает пустые директории, создание директории приведёт к созданию пустого файла .keep.
Loading...
README.md

zTreeSelectM

Проект

В проекте необходимо использовать функцию множественного выбора из выпадающего дерева. Были найдены два соответствующих компонента: moretop-layui-select-ext и wujiawei0926-treeselect. Однако moretop-layui-select-ext не поддерживает древовидную структуру, а wujiawei0926-treeselect не поддерживает множественный выбор. Поэтому был создан новый компонент, основанный на moretop-layui-select-ext, но с использованием zTree вместо layuiTree, так как последний пока не поддерживает отмену родительских отношений.

Рендеринг кода

var _zTreeSelectM = zTreeSelectM({
    elem: '#zTreeSelectM',//элемент контейнера [обязательно]          
    data: './json/1.json',//данные кандидатов [обязательно]
    width: 600,  //установка длины    
    selected: [3,6,29],//значения по умолчанию            
    max: 3,//максимум выбранных элементов, по умолчанию 5            
    name: 'field',//имя input (если не установлено, то совпадает с именем селектора)
    delimiter: ',',//разделитель значений           
    field: { idName: 'id', titleName: 'name' },//ключи данных кандидатов
    zTreeSetting: { //настройки zTree
        check: {
            enable: true,
            chkboxType: { "Y": "", "N": "" }
        },
        data: {
            simpleData: {
                enable: false
            },
            key: {
                name: 'name',
                children: 'children'
            }
        }
    }
});	

Получение выбранных данных

form.on('submit(demo)',function(data){			 
	console.log('zTreeSelectM текущие выбранные значения имени:',_zTreeSelectM.selected);
	console.log('zTreeSelectM текущие выбранные значения:',_zTreeSelectM.values);
	console.log('zTreeSelectM текущие выбранные имена:',_zTreeSelectM.names);      
  
  	var formData = data.field;
  	console.log('объект формы:',formData);
  	return false;
})
	
//прослушивание кнопки сброса
$('form').find(':reset').click(function(){
	$('form')[0].reset();
	_zTreeSelectM.set();//значения по умолчанию
	return false;
});

$("#set").on('click',function(e){			 
	_zTreeSelectM.set([4,7,13]);
	return false;
})

Эффект

Эффект

Демонстрация на кодовой облачной платформе

Демонстрация на кодовой облачной платформе

Комментарии ( 0 )

Вы можете оставить комментарий после Вход в систему

Введение

На основе layui и zTree в основном поддерживается множественный выбор в раскрывающемся дереве. Развернуть Свернуть
Apache-2.0
Отмена

Обновления

Пока нет обновлений

Участники

все

Недавние действия

Загрузить больше
Больше нет результатов для загрузки
1
https://api.gitlife.ru/oschina-mirror/zyl0151_admin-zTreeSelectM.git
git@api.gitlife.ru:oschina-mirror/zyl0151_admin-zTreeSelectM.git
oschina-mirror
zyl0151_admin-zTreeSelectM
zyl0151_admin-zTreeSelectM
master