LaySelect
LaySelect — это компонент выпадающего списка от LayUI.
После загрузки LaySelect его можно сразу поместить в папку layui/lay/modules/ и использовать как нативный компонент. Также можно создать собственную папку /modules/, а при использовании LayUI сослаться на неё.
layui.config({
base:'js/modules/'
}).extend({
layselect:'layselect'
}).use(['jquery','form','layselect'], function(){
var select = layui.layselect,$=layui.jquery,form=layui.form;
console.log(select);
select.render({
elem:"#unit",
url:'json/groupshow.json',//归属类型
select:1,//默认选中索引
success:function(data){
//初始化完毕,data为绑定到组件上的数组集合
},
fail:function(e){
//失败时回调
},
format:function(data){
//对数据进行映射处理,需映射成:code,codeName,status,select,groupName,groupChildren
},
onselect:function(data){
//点击选中时触发,data为选中的value
}
});
//映射案例
select.render({
elem:"#forbiType",
url:'json/forbidden.json',//店铺列表
format:function(row){
return{
code:row.id,
status:row.status,
codeName:row.name
};
}
});
select.render({
elem:"#orderData",
//url:'',//归属类型
option:[
{code:'1',codeName:'1-第一个'},
{code:'2',codeName:'2-第二个'},
{code:'3',codeName:'3-第三个'},
{code:'4',codeName:'4-第四个',select:true},
{code:'5',codeName:'5-第五个'},
{code:'6',codeName:'6-第六个'}],
select:"0",//确认默认项:option内部select=true的优先级高于外部select指定索引,最终的默认选项是4-第四个
onselect:function(data){
layer.msg("选中了:"+data);
}
});
});
Свойство | Описание | Значение по умолчанию |
---|---|---|
url | Адрес запроса для получения данных в стандартном формате JSON: {code: '', codeName: '', status: '', groupName: '', groupChilddren: []} | Обязательно, если не используется опция |
elem | Идентификатор элемента, к которому привязан компонент | Обязательно |
data | Параметры, передаваемые в запросе URL | Необязательно |
type | Метод запроса URL, по умолчанию get | Необязательно |
option | Массив данных элементов, используемый для автоматического присвоения значений без запроса URL. Можно использовать, если данные не передаются через URL | Необязательно |
select | Указывает элемент, который будет выбран по умолчанию | Необязательно |
Метод | Описание | Значение по умолчанию |
---|---|---|
format | Используется для преобразования формата возвращаемых данных, если они не соответствуют стандартному формату | Необязательно |
success | Функция обратного вызова при успешном выполнении запроса, возвращает массив, привязанный к компоненту | Необязательно |
fail | Функция обратного вызова при неудачном выполнении запроса, возвращает сообщение об ошибке | Необязательно |
onselect | Функция, вызываемая при выборе элемента (если нет реакции на событие, не забудьте добавить атрибут lay-filter = id) | Необязательно |
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Комментарии ( 0 )