@dfeidao/fd-w000025 v4.6.201907081113

控件

https://dfeidao.gitee.io/widgets/

• Installation
• Change logs - @dfeidao/fd-w000025@4.6.201906061603
• Attributes - province-url - city-url - district-url - province-value-field - province-text-field - city-value-field - city-text-field - district-value-field - district-text-field - show-default
• Methods - get_selected() - set_selected(province_no?: string, city_no?: string, district_no?: string)
• Example - html

Installation

yarn add --dev @dfeidao/fd-w000025

Attributes

province-url

查询省的请求地址

city-url

查询市的请求地址

district-url

查询区县的请求地址

province-value-field

省value的字段名

province-text-field

省显示的字段名

city-value-field

市value的字段名

city-text-field

市显示的字段名

district-value-field

区县value的字段名

district-text-field

区县显示的字段名

show-default

默认请选择,加上为请选择不加默认选择第一个

Methods

get_selected()

获取选中的城市 返回值:{ city_name: string; city_no: string; district_name: string; district_no: string; province_name: string; province_no: string; }

set_selected(province_no?: string, city_no?: string, district_no?: string)

设置选中的值,三个参数都是可选项,如果三个都不传则不会改变

Example

html

	<button id='btn'>设置</button>
	<button id='btn1'>获取</button>
	<fd-w000025 id='widget' style='width: 70px' province-url='http://127.0.0.1:8889/find-province' city-url='http://127.0.0.1:8889/find-city'
	 district-url='http://127.0.0.1:8889/find-district' province-value-field='province_no' province-text-field='province_name'
	 city-value-field='city_no' city-text-field='city_name' district-value-field='district_no' district-text-field='district_name'>
	</fd-w000025>

const widget = document.querySelector('#widget');
const btn = document.querySelector('#btn');
const btn1 = document.querySelector('#btn1');
widget.addEventListener('fdwe-load-complete', () => {
	console.log(widget.get_selected());
});
btn.addEventListener('click', () => {
	widget.set_selected('410000', '410500','410526');
});
btn1.addEventListener('click', () => {
	console.log(widget.get_selected());
});