В проекте необходимо использовать функцию множественного выбора из выпадающего дерева. Были найдены два соответствующих компонента: 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 )