SMART datagrid v.1 > Examples

Back  Forward

Link Cell Renderer  Example

当设置列时,如果将渲染器类型指定为"link"LinkCellRenderer对象将会绘制相关列的单元格,并在点击相关单元格时,触发事件。 可以在设置列渲染器时,通过多种方式指定创建链接的方式。 

下列网格中,"url"列指定渲染器的url属性,"urlCallback"列指定urlCallback属性, 并且"urlField"列指定urlField属性。 "value"列只将渲染器指定为"link",而这时,将会直接引用数据单元格的值为链接值。 

如果showTooltip属性为true,就会在鼠标处于单元格上方时,使用工具提示而显示URL, 并且会将其传递至点击单元格时所触发的onClickableCellClicked事件处理器中。 

Grid - 1
rows
Code -1
    grdMain.onClickableCellClicked = function (grid, index, source, data) {
        // URL被包含在数据中。
        if (data && data.indexOf('http') == 0) {
            window.open(data, '_newtab');
        } else {
            alert(data);
        }
    };

我们也可以通过ValueColumn.tooltipCallbackGridBody.tooltipCallback,指定数据单元格的工具提示。 

查看源代码 JSP 

See Also
LinkCellRenderer
DataCellRenderer.showTooltip
GridBase.onClickableCellClicked
Examples
检查单元格渲染器