Vue and wj-auto-complete

Vue and wj-auto-complete

Posted by: 20je0018 on 21 July 2023, 10:00 pm EST

• 

  20je0018

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 21 July 2023, 10:00 pm EST

  Hey everyone,
  
  Abhay here, I am working on a project as an intern using wijmo.vue2.all version 5.20192.624. I am working on a dashboard which has been developed using Laravel and Vue.
  
  I want to use pre-written

  wj-auto-complete

  element and store the selected item from the dropdown list (as an item is selected) in an object defined in same vue component.

  <wj-auto-complete
                          class="form-control"
                          search-member-path="customer_name"
                          display-member-path="customer_name"
                          selected-value-path="id"
                          :selected-index="-1"
                          :is-required="false"
                          :initialized="initCustomer"
                          :max-items="customerList.length"
                          :items-source="customerList"
                       ></wj-auto-complete>

  
  
  the implementation of the existing wj-auto-complete is as above. I have gone through the documentation but could not figure out the way to do it.
  
  Any help will be highly appreciated.

• 

  vivek.pannu

  

  • Post Options:
  • Link
    Copy

  Posted 23 July 2023, 7:47 pm EST

  Hi Abhay,

  You can handle the ‘selectedIndexChanged’ event of the AutoComplete to store the selected reference, as per your requirements. You can refer to the following sample demonstrating the same - https://jscodemine.grapecity.com/share/reH0qbKU3UuTFazHH4-uSQ

  You can refer to the following API link for more information about the methods, properties, and events that you can use for the AutoComplete control - https://www.grapecity.com/wijmo/api/classes/wijmo_input.autocomplete.html

  Regards

• 

  20je0018

  • Post Options:
  • Link
    Copy

  Posted 23 July 2023, 9:22 pm EST

  Thankyou Vivek,
  
  Hope you are having a great day.
  
  Thanks for the solution. You’re a lifesaver!!