Example of Drag and Drop in Javascript (ES5) Query Builder Control

All Controls
/
Query Builder
/
Drag and Drop

This sample demonstrates the drag and drop support of the Query Builder component.

More Details...

SQL
JSON

                      

                    

                  

                

              

              

                

                  
                

                

                  

                    

                  

                

              

            

          

        

      

    

  








                        

                    

                    
Description

                    

                        

                            In this demo, the Query Builder includes a drag-and-drop feature that allows you to move rules or groups to different positions. You can enable or disable this feature using the 'allowDragAndDrop' property. 
    
        More information about Query Builder can be found in this
        
            documentation section.