javascript - 如何将小部件添加到 Dojo gridx/Grid header ？

Question

我有 gridx/Grid ( http://oria.github.io/gridx/ )，我想在标题单元格中添加一些小部件，例如文本框、下拉菜单等。有没有办法将小部件放入标题单元格中？

Answer 1

看来您需要的是一个名为 HeaderRegions 的模块。这是它的API。特别注意 add 和 refresh 方法。

举个简单的例子，看看 here .

要仅影响一个列标题，请对回调提供的参数(列)使用谓词，该参数是 add 的第一个参数(最简单的方法是使用列 ID)。

要插入小部件，请以编程方式创建它，触发它的 startup 方法并返回它的 domNode 属性。

(我不确定，但可能应该在渲染网格之后调用startup。为此，您可能必须在外部保留对小部件的引用方法)

为了完整起见，我添加了上面链接的一些示例:

Deferred.when(parser.parse(), function() {
  var hr = grid1.headerRegions;
  hr.add(function(col) {
    return domConstruct.create('div', {
      style: 'height: 13px; width: 10px; background-color: red;'
    });
  }, 0, 0);
  hr.add(function(col) {
    return domConstruct.create('div', {
      style: 'height: 13px; width: 10px; background-color: green;'
    });
  }, 1, 0);
  hr.refresh();
});