SMART datagrid v.1 > Examples

Back  Forward

Button Cell Renderer  Example

按钮渲染器是一种使用指定在imageUrl属性等的图像并以按钮方式动作的单元格渲染器。 可以使用imageUrlactiveImageUrlhoveredImageUrl、 disabledImageUrl, disableHoveredImageUrl属性,根据按钮状态而指定图像。 

按钮可以具有disabled状态,而可以在enabledExpression属性中,指定返回是否激活按钮的表达式。 如果这个表达式返回false,按钮状态将会变成disabled,而disabled按钮将不会触发鼠标点击事件。 

显示在按钮的文本,默认为连接在列的数据字段的值。 可以在texthoveredTextdisabledText、 disabledHoveredText属性中,指定符合状态的文本。 另外,如果将textVisible设置为false,就不会显示文本。 

Grid - 1
rows

通过变更如下属性,可以变更ImageBtn1列的属性。 

Text: Hovered Text: Disabled Text: Disabled Hover Text:
Enabled Expression : value <
Button Text Alignment :

 

如果将textOnImage指定为true,就会以按钮为标准对齐文本。 可以在ImageBtn3列中确认。 

 

当点击数据单元格的按钮时,将会触发onDataButtonClicked事件。 

Code -1
    grid.onDataButtonClicked = function (grid, index) {
        setTimeout(function () {
            alert(index.rowIndex + "第  行" + index.column.name() + "点击第  列的按钮");
        }, 0);
    };

查看源代码 JSP 

See Also
ButtonCellRenderer
Examples
图像单元格渲染器
图标单元格渲染器
形状单元格渲染器