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

OSCHINA-MIRROR/godbirds-layselect

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

LaySelect

Введение

LaySelect — это компонент выпадающего списка от LayUI.

Архитектура ПО

После загрузки LaySelect его можно сразу поместить в папку layui/lay/modules/ и использовать как нативный компонент. Также можно создать собственную папку /modules/, а при использовании LayUI сослаться на неё.

Инструкция по установке

  1. Загрузите и поместите файл прямо в проект.

Использование

  1. Поместите файл непосредственно в папку модулей LayUI (layui/lay/modules/) в качестве нативного компонента.
  2. Создайте собственную папку, например /modules/. Перед использованием LayUI объявите использование: layi.config({ base: '../js/layui_exts/' }).extend({ regionSelect: 'regionSelect/regionSelect' }).use([''],function(){}).
  3. Если у вас возникнут вопросы, вы можете связаться с нами по адресу 872694792@qq.com.
  4. Примеры использования:
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);
			  }
		});
});

API

Свойство Описание Значение по умолчанию
url Адрес запроса для получения данных в стандартном формате JSON: {code: '', codeName: '', status: '', groupName: '', groupChilddren: []} Обязательно, если не используется опция
elem Идентификатор элемента, к которому привязан компонент Обязательно
data Параметры, передаваемые в запросе URL Необязательно
type Метод запроса URL, по умолчанию get Необязательно
option Массив данных элементов, используемый для автоматического присвоения значений без запроса URL. Можно использовать, если данные не передаются через URL Необязательно
select Указывает элемент, который будет выбран по умолчанию Необязательно
Метод Описание Значение по умолчанию
format Используется для преобразования формата возвращаемых данных, если они не соответствуют стандартному формату Необязательно
success Функция обратного вызова при успешном выполнении запроса, возвращает массив, привязанный к компоненту Необязательно
fail Функция обратного вызова при неудачном выполнении запроса, возвращает сообщение об ошибке Необязательно
onselect Функция, вызываемая при выборе элемента (если нет реакции на событие, не забудьте добавить атрибут lay-filter = id) Необязательно

Участие в проекте

  1. Fork этого репозитория.
  2. Создать ветку Feat_xxx.
  3. Отправить код.
  4. Создать Pull Request.

Демонстрация

  1. Демонстрация.

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

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

Введение

Компонент выпадающего списка layui. Развернуть Свернуть
MulanPSL-2.0
Отмена

Обновления

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

Участники

все

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

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