iPicker.create("#target", {
data: { source: Promise.resolve( $.getJSON( "area.json" ) ), }, theme: "cascader"* });
// panel 模式 iPicker.create("#target", {
data: { source: Promise.resolve( $.getJSON( "area.json" ) ) }, theme: "panel"* });
<h3 id="d">Установка значения по умолчанию</h3>
```javascript
**iPicker.create("#target", {**
*data: {*
*source: Promise.resolve( $.getJSON( "area.json" ) )*
},
*selected: [ "230000", "230100", "230103" ],*
*selectedCallback: () => console.log( "Значение по умолчанию установлено успешно" )**
});
**iPicker.create("#target", {**
*data: {*
*source: Promise.resolve( $.getJSON( "area.json" ) )*
},
*onSelect: ( code, name, all ) => {***
// Все параметры являются массивами*
*console.log( code );*
*console.log( name );*
*console.log( all );*
}**
});
**iPicker.create("#target", {**
*data: {*
*source: Promise.resolve( $.getJSON( "area.json" ) )*
},
*level: 2**
});
// Отключить все уровни*
**iPicker.create("#target", {**
*data: {*
*source: Promise.resolve( $.getJSON( "area.json" ) )*
},
*disabled: true**
});
// Отключить указанный уровень, только для select режима*
**iPicker.create("#target", {**
*data: {*
*source: Promise.resolve( $.getJSON( "area.json" ) )*
},
*disabled: [ 2, 3 ]**
});
// Отключить все элементы*
**// iPicker.create("#target", {**
*// data: {*
*// source: Promise.resolve( $.getJSON( "area.json" ) )*
*// },*
*// disabledItem: true**
*// });*
// Отключить указанные элементы*
**iPicker.create("#target", {**
*data: {*
*source: Promise.resolve( $.getJSON( "area.json" ) )*
},
*disabledItem: [ "230000", "230100", "230103" ]**
});
iPicker предоставляет 10 методов:
// 01. Создание компонента*
*const picker = iPicker.create( "#target", { ... } );*
// 02. Создание компонента (сокращённая запись)*
*const picker = iPicker( "#target", { ... } );*
// 03. Установка выбранного элемента*
**iPicker.set( picker, [ "230000", "230100", "230103" ] );**
// 04. Получение выбранного элемента (первые два метода эквивалентны)*
**iPicker.get( picker );**
**iPicker.get( picker, "code" );**
**iPicker.get( picker, "name" );**
**iPicker.get( picker, "all" );**
// 05. Очистка выбранного элемента*
**iPicker.clear( picker );**
// 06. Сброс (восстановление исходного состояния)*
**iPicker.reset( picker );**
// 07. Уничтожение компонента*
**iPicker.destroy( picker );**
// 08. Включение всех уровней*
**iPicker.enabled( picker, true );**
// 09. Включение указанного уровня, диапазон: 1 - 3, только для режима select*
**iPicker.enabled( picker, [ 2, 3 ] );**
**iPicker.enabled( picker, 3 );**
// 10. Отключение всех уровней*
**iPicker.disabled( picker, true );**
// 11. Отключение указанного уровня, диапазон: 1 - 3, только для режима select*
**iPicker.disabled( picker, [ 2, 3 ] );**
**iPicker.disabled( picker, 3 );**
// 12. Включение всех элементов*
**iPicker.enabledItem( picker, true );**
// 13. Включение указанных элементов*
**iPicker.enabledItem( picker, [ "230000" ] );**
// 14. Отключение всех элементов*
**iPicker.disabledItem( picker, true );**
// 15. Отключение указанных элементов*
**iPicker.disabledItem( picker, [ "230000" ] );**
Параметр | Описание | Тип | Значение по умолчанию | ||||||||||||
*theme* | Режим темы, доступные значения: select, cascader, panel | String | select | ||||||||||||
*data* | Настройка источника данных, включает три свойства:*
*1. props*: сопоставление свойств данных (доступно только при использовании пользовательского источника данных)* *2. source*: тип источника данных (Promise используется для локальных источников данных; Function используется для пользовательских источников данных)* *3. when*: функция, выполняемая после успешной загрузки источника данных. Функция принимает два параметра: исходные данные и уровень данных. Уровень данных применим только к пользовательским источникам данных.* *Функция должна возвращать обработанные данные.* |
Object | {
props: { code: "code", name: "name" }*, *source: null*, *when: null* }** |
||||||||||||
*level* | Отображаемый уровень, доступные значения: 1, 2, 3 | Number | 3 | ||||||||||||
*width* | Ширина окна отображения, может быть задана как число в пикселях или как процентное значение | Number / String | 200 | ||||||||||||
*height* | Высота окна отображения в пикселях | Number | 34 | **radius** — значение радиуса скругления углов в поле и выпадающем списке, в пикселях.
Chrome | Firefox | Opera | Edge | Safari | IE |
---|---|---|---|---|---|
60+ | 60+ | 60+ | 17+ | 12+ | не поддерживается |
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Комментарии ( 0 )