按钮渲染器是一种使用指定在imageUrl属性等的图像并以按钮方式动作的单元格渲染器。 可以使用imageUrl、activeImageUrl、hoveredImageUrl、 disabledImageUrl, disableHoveredImageUrl属性,根据按钮状态而指定图像。
按钮可以具有disabled状态,而可以在enabledExpression属性中,指定返回是否激活按钮的表达式。 如果这个表达式返回false,按钮状态将会变成disabled,而disabled按钮将不会触发鼠标点击事件。
显示在按钮的文本,默认为连接在列的数据字段的值。 可以在text、hoveredText、disabledText、 disabledHoveredText属性中,指定符合状态的文本。 另外,如果将textVisible设置为false,就不会显示文本。
通过变更如下属性,可以变更ImageBtn1列的属性。
如果将textOnImage指定为true,就会以按钮为标准对齐文本。 可以在ImageBtn3列中确认。
当点击数据单元格的按钮时,将会触发onDataButtonClicked事件。
grid.onDataButtonClicked = function (grid, index) {
setTimeout(function () {
alert(index.rowIndex + "第 行" + index.column.name() + "点击第 列的按钮");
}, 0);
};