jQWidgets Forums

jQuery UI Widgets › Forums › Grid › JqGrid Angular

Tagged: 

This topic contains 3 replies, has 2 voices, and was last updated by  Hristo 4 years, 8 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    JqGrid Angular Posts
  • September 29, 2020 at 2:29 pm JqGrid Angular #113188

    Roopa Pendyala
    Participant

    Is there a way to drag the column name from Column Chooser and add it to the main JqGrid . I see many examples and demo for Column select / unselect on column chooser and the same reflects on the main JqGrid hide and show functionality.
    The requirement is same functionality but instead of select it should be drag and drop.

    September 30, 2020 at 12:22 pm JqGrid Angular #113192

    Hristo
    Participant

    Hello Roopa Pendyala,

    Could you clarify it?
    If you want to customize the approach from the “Grid Column Chooser (NEW)” demo then you could implement it in the jqxWindow.
    Also, you could get some closer approach as in this demo below:
    https://stackblitz.com/github/jqwidgets/angular/tree/master/grid/showhidecolumns/

    Best Regards,
    Hristo Hristov

    jQWidgets team
    https://www.jqwidgets.com

    September 30, 2020 at 1:42 pm JqGrid Angular #113195

    Roopa Pendyala
    Participant

    Hi @hristo,

    Thanks for the response.
    I have seen the attached demo.

    The requirement we have is that , to drag the column name from the Column Chooser Window or Grid to the Main Grid . Instead of select and unselect the checkbox. Is there a possibility that I drag the column Ex: “Name” from the grid/window which displays all the column names of the table shown in another grid instead of selecting a check box and drop it the jqgrid at the Column level.

    I have shared this below link as an example
    https://js.devexpress.com/Demos/WidgetsGallery/Demo/TreeList/ColumnChooser/AngularJS/Light/

    In the above link Set the Options for COlumn chooser as Drag and Drop.
    Click on the column chooser icon.
    Try to drag any row to the main grid.

    Can this be done with JqGrids and JQWidgets components with Angular..

    October 1, 2020 at 10:00 am JqGrid Angular #113206

    Hristo
    Participant

    Hello Roopa Pendyala,

    You could use the suitable options provided by the jqxDragDrop plug-in to achieve this.
    We do not have exactly such an example, unfortunately.
    Also, as an alternative, I could suggest another our library – Smart HTML Elements.
    Please, take a look at this demo with Smart.Grid:
    https://www.htmlelements.com/demos/grid/column-drag/

    Best Regards,
    Hristo Hristov

    jQWidgets team
    https://www.jqwidgets.com

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.