Question

我有以编程方式创建dojox.grid.DataGrid，其结构为

var nodeSelectGridStructure = [
    {
        "field": "select",
        "width": "10%",
        "name": "Select"
    },
    {
        "field": "fldJobName",
        "width": "30%",
        "name": "Collection Job Name"
    },
    {
        "field": "fldNodes",
        "width": "60%",
        "name": "Nodes"
    }
];

我想在“select”列的标题中添加一个复选框。有没有办法获取“选择”列标题的dom节点，以便我可以在那里添加复选框？提前谢谢！

Answer 1

我做了很多打击和试验，发现了这个 -

1）我们首先要在网格定义中设置escapeHTMLInData: false

2）然后在结构中我们必须在标题名称中添加标记，如下所示

var nodeSelectGridStructure = [
    {
        "field": "select",
        "width": "10%",
        "name": "<input type=\"checkbox\" onclick=\"\"/>"
    },
    {
        "field": "fldJobName",
        "width": "30%",
        "name": "Collection Job Name"
    },
    {
    "field": "fldNodes",
        "width": "60%",
        "name": "Nodes"
    }
];

这对我有用。谢谢回复！我也会试试。

Answer 2

该模板有一个名为viewsHeaderNode的附加点，可用于访问DOM节点。

dijit.byId("data_grid_id").viewsHeaderNode

我没有尝试自己手动添加内容，但祝你好运：）

在编程创建的div的标题中添加复选框

2 个答案: