Kendo ui 在剑道ui网格中创建空白的第一列

我是剑道ui网格开发的新手

我需要在剑道ui网格中显示数据

我能够使用java脚本将数据绑定到剑道网格

我就是这样做的

(document.getElementById(divId)).kendoGrid({
            columns: cols,
            dataSource: data,           
            change: onChange,
            selectable: "multiple",
            //selectable: "multiple cell",
            schema: {
                model: {
                    id: "ID"
                }
            }
        }).data("kendoGrid");

数据显示在网格中

现在，我想在网格中创建一个空白的第一列来显示图像。我怎样才能做到这一点。网格是动态绑定到数据的。我没有指定任何硬编码列。所有列都是动态创建的

---

任何人都可以告诉我这一点。

您必须明确定义列，因为：

您希望添加不在模型中的列

列的内容是一个图像，该图像不是可以从模型定义推断的KendoUI基本类型

如果这样说，您必须添加一个类似以下内容的列：

var cols = [
    // Your other columns
    ...
    {
        title :"Image",
        template: "<img src='my_image.gif'/>"
    },
    // More columns
    ...
];

var cols=[
//你的其他专栏
...
{
标题：“图像”，
模板：“”
},
//更多栏目
...
];

此外，您可能需要使用一个不是常量的图像，但这取决于列的内容。那么你可以做：

var cols = [
    // Your other columns
    ...
    {
        title: "Status",
        template: "# if (status) { # <img src='ok.gif'/> # } else { # <img src='nak.gif'/> # } #"
    },
    {
        title   : "Photo",
        template: "<img src='#= image #'/>"
    }
    // More columns
    ...
];

var cols=[
//你的其他专栏
...
{
标题：“地位”，
模板：“#如果（状态）{#}其他{#}”
},
{
标题：“照片”，
模板：“”
}
//更多栏目
...
];

其中，根据模型中名为

status

的字段的值，我显示图像

ok.gif

或

nak.gif

。或者直接使用字段

image

的内容生成显示图像的URL

---

查看KendoUI模板的概述。

您必须明确定义列，因为：

您希望添加不在模型中的列

列的内容是一个图像，该图像不是可以从模型定义推断的KendoUI基本类型

如果这样说，您必须添加一个类似以下内容的列：

var cols = [
    // Your other columns
    ...
    {
        title :"Image",
        template: "<img src='my_image.gif'/>"
    },
    // More columns
    ...
];

var cols=[
//你的其他专栏
...
{
标题：“图像”，
模板：“”
},
//更多栏目
...
];

此外，您可能需要使用一个不是常量的图像，但这取决于列的内容。那么你可以做：

var cols = [
    // Your other columns
    ...
    {
        title: "Status",
        template: "# if (status) { # <img src='ok.gif'/> # } else { # <img src='nak.gif'/> # } #"
    },
    {
        title   : "Photo",
        template: "<img src='#= image #'/>"
    }
    // More columns
    ...
];

var cols=[
//你的其他专栏
...
{
标题：“地位”，
模板：“#如果（状态）{#}其他{#}”
},
{
标题：“照片”，
模板：“”
}
//更多栏目
...
];

其中，根据模型中名为

status

的字段的值，我显示图像

ok.gif

或

nak.gif

。或者直接使用字段

image

的内容生成显示图像的URL

---

查看KendoUI模板概述。

感谢OnaBai的快速回复。我一定会试试这个。刚才有一个问题，我如何设置网格的标题，但不应该是可见的。实际上，我想要的是点击上面提到的新创建的列，我想要得到一些额外的值，这些值对于整个网格来说是通用的。那么如何设置任何附加/自定义属性并访问它呢。另外，如果我可以设置网格的标题，但不应该是可见的，这将是非常有帮助的。只有我需要访问它的值。再次感谢您的回复。我看到您在点击图片时发布了一个问题。请看我的答案。谢谢你的回复。我一定会试试这个。刚才有一个问题，我如何设置网格的标题，但不应该是可见的。实际上，我想要的是点击上面提到的新创建的列，我想要得到一些额外的值，这些值对于整个网格来说是通用的。那么如何设置任何附加/自定义属性并访问它呢。另外，如果我可以设置网格的标题，但不应该是可见的，这将是非常有帮助的。只有我需要访问它的值。再次感谢您的回复。我看到您在点击图片时发布了一个问题。请看我的答案。当做