Author Topic: autocomplete is not working while the grid is maximized state  (Read 3740 times)

杨万里

  • Newbie
  • *
  • Posts: 25
    • View Profile
have grid which has rows inline editing.

demo url: https://paramquery.com/demos/editing_custom

when the grid is normal state, autocomplete  is working;
when i use $( ".selector" ).pqGrid( "toggle" ) make the grid be maximized state  autocomplete  is not working;

Is there any solution for this issue? so that we can have tabbing working in any columns.


Thanks.

paramvir

  • Administrator
  • Hero Member
  • *****
  • Posts: 6310
    • View Profile
Re: autocomplete is not working while the grid is maximized state
« Reply #1 on: May 11, 2018, 05:40:53 pm »
Please assign higher z-index css to autocomplete.

杨万里

  • Newbie
  • *
  • Posts: 25
    • View Profile
Re: autocomplete is not working while the grid is maximized state
« Reply #2 on: May 12, 2018, 07:09:03 am »
Thank you very much.

But it is not work.

Is I write wrong?

.ui-autocomplete {
            max-height: 200px;
            overflow-y: auto;
            overflow-x: hidden;
            z-index:9999;
        }
Thank you very much.
« Last Edit: May 12, 2018, 07:10:51 am by 杨万里 »

paramvir

  • Administrator
  • Hero Member
  • *****
  • Posts: 6310
    • View Profile
Re: autocomplete is not working while the grid is maximized state
« Reply #3 on: May 12, 2018, 10:06:58 am »
Thank you very much for bringing this to attention.

Please use appendTo option of autocomplete instead of z-index

Code: [Select]
$inp.autocomplete({
   appendTo: ui.$cell
 })

https://paramquery.com/demos/editing_custom
« Last Edit: May 12, 2018, 10:21:04 am by paramquery »

杨万里

  • Newbie
  • *
  • Posts: 25
    • View Profile
Re: autocomplete is not working while the grid is maximized state
« Reply #4 on: May 12, 2018, 11:16:41 am »
 :) :) :) :) :)
It is work!
you gave me great help.I'm very excited.
I really thank you very much!