DHTMLXGRID & VUE JS

Suite and Optimus Suite 5
#1

Hi! may I ask how can I integrate DHTMLXGRID with VUE JS as a component? I can initialize the grid in my vuejs app, but I cant get the event of button click in the column of my grid because the row of the grid is not a Vue JS component.

I also tried initializing the grid form html table, but when the table was converted to dhtmlx grid, I cant listen to event click anymore. Hope somepne can help me. TIA. :smiley:

#2

Hi, There is no way to use a grid a vue component.
Still, you can wrap a grid inside of custom vue component

  • create a new component, with simple DIV tag as a template

  • add mounted handler to component
    [list]
    [*] init DHTMLX component inside of template div

  • add event handler to grid to catch onRowSelect event and translate it to Vue

[/*:m][/list:u]

mounted:function(){
    var grid = new dhtmlxXGridObject(this.$el);
    grid.attachEvent("onRowSelect", function(id){
        this.$scope.$emit("input", id)
    });
  }