自定义粘贴到空数据表

时间:2016-10-21 14:11:20

标签: javascript datatable clipboard copy-paste webix

当我尝试粘贴到webix数据表中的空白区域时,没有任何反应,onPaste事件也不会发生。

基本上,即使未选择现有数据项,我也希望通过onPaste添加新项目。但是否可能?

像'插入'在列表中操作,但在我的用例中,数据表在初始化后可以为空(在下面的示例中,我添加了一个项目以使剪贴板工作)。这是:

http://webix.com/snippet/9ae6635b

webix.ui({
  id:'grid',
  view:'datatable',
  select:true,
  clipboard:'custom',
  editable:true,
  columns:[
    { id:'id' },
    { id:'name', fillspace:true, editor:"text" },
    { id:'details' }      
  ],
  data: [ 
    {  }
  ],
  on:{
    onPaste: function(text){        
      this.add({ id:webix.uid(), name:text })
    }
  }
});

任何建议都表示赞赏。

1 个答案:

答案 0 :(得分:0)

我发现'clipbuffer'仅在数据表有选择时才有焦点。最有可能的是,它需要进行数据编辑,检测位置等等。无论如何,'clipbuffer'可以手动聚焦:

var clipEvent = webix.event($$("grid").getNode(), "click", function(){
      webix.clipbuffer.focus();
});

示例:http://webix.com/snippet/aa441e70