0.0.55 add widget search_list

This commit is contained in:
2023-07-28 20:31:44 +03:00
parent 624e0729cc
commit 2c8572e679
3 changed files with 41 additions and 13 deletions

View File

@@ -64,6 +64,8 @@ function insertSearchList(data, ctrl_name) {
} }
} }
function showSearchList() { function showSearchList() {
let input_list = document.getElementsByClassName('input_list'); let input_list = document.getElementsByClassName('input_list');
if(input_list.classList.contains('show')){ if(input_list.classList.contains('show')){
@@ -72,15 +74,30 @@ function showSearchList() {
} }
function onblurInputField(event,el){ // function onblurInputField(event,el){
//
// if(el.classList.contains("from_country_container")){ // // if(el.classList.contains("from_country_container")){
let search_list = document.getElementsByName(el.name + '_list')[0]; // let search_list = document.getElementsByName(el.name + '_list')[0];
let parent_event = $(event.explicitOriginalTarget).parents('.input_list' ); // let parent_event = $(event.explicitOriginalTarget).parents('.input_list' );
if(!parent_event || parent_event[0] !== search_list){ // if(!parent_event || parent_event[0] !== search_list){
//
search_list.classList.remove('show') // search_list.classList.remove('show')
} // }
//
// } // // }
} // }
// function onblurInputField(el){
//
// // if(el.classList.contains("from_country_container")){
// let search_list = document.getElementsByName(el.name + '_list')[0];
// // let parent_event = $(event.explicitOriginalTarget).parents('.input_list' );
// // if(!parent_event || parent_event[0] !== search_list){
// //
// // search_list.classList.remove('show')
// // }
// if(search_list.classList.contains('show')){
// search_list.classList.remove('show')
// }
//
// // }
// }

View File

@@ -70,13 +70,18 @@
<input <input
oninput="searchTown(this)" oninput="searchTown(this)"
{# onclick="showSearchList()"#} {# onclick="showSearchList()"#}
onblur="onblurInputField(event, this)" {# onblur="onblurInputField(this)"#}
type="text" type="text"
list="from_address_point"
name="from_address_point_txt" name="from_address_point_txt"
{% if form.fields.from_address_point.required %} required{% endif %} {% if form.fields.from_address_point.required %} required{% endif %}
id="id_from_address_point_txt" id="id_from_address_point_txt"
{% if form.cleaned_data.from_address_point_txt %}value="{{ form.cleaned_data.from_address_point_txt }}"{% endif %} {% if form.cleaned_data.from_address_point_txt %}value="{{ form.cleaned_data.from_address_point_txt }}"{% endif %}
/> />
<datalist id="from_address_point">
</datalist>
<div class="input_list" name="from_address_point_txt_list"> <div class="input_list" name="from_address_point_txt_list">
</div> </div>
{% if form.errors and form.errors.from_address_point %} {% if form.errors and form.errors.from_address_point %}

View File

@@ -0,0 +1,6 @@
<option {% if form.cleaned_data.from_address_point_txt %}{% endif %} value="{{ id }}">
{{ form.cleaned_data.from_address_point_txt }}
</option>
<option value=""></option>