有没有办法在DHTMLX网格的每一行中添加编辑/删除按钮?

时间:2014-07-02 14:15:39

标签: javascript jquery css json dhtmlx

我正在研究DHTMLX网格,我需要在每一行添加编辑/删除按钮,有没有办法做到这一点。我用Google搜索,我能找到关于复选框和链接。

非常感谢任何帮助。

1 个答案:

答案 0 :(得分:0)

您可以使用任何所需的html内容创建自定义列类型。 例如,以下代码将创建一个eXcell,它将单元格值渲染为带有标签的按钮:

   function eXcell_button(cell){ //the eXcell name is defined here
        if (cell){                // the default pattern, just copy it
            this.cell = cell;
            this.grid = this.cell.parentNode.grid;
        }
        this.edit = function(){}  //read-only cell doesn't have edit method
        this.isDisabled = function(){ return true; } // the cell is read-only, so it's always in the disabled state
        this.setValue=function(val){
            this.setCValue("<input type='button' value='"+val+"'>",val);                                      
        }
    }
    eXcell_button.prototype = new eXcell; // nests all other methods from the base class

之后您需要的只是在网格中设置列类型:

grid.setColTypes("button,...");

在这里您可以找到包含各种示例的详细教程: http://docs.dhtmlx.com/grid__columns_types.html#customeditors