ejgrid 列中的 Syncfusion 超链接

Question

有谁知道如何在下面的代码中添加指向用户名列的超链接？

$("#ManagerApprovalGrid").ejGrid({
                        dataSource: data,
                        isResponsive: true,
                        allowScrolling: true,
                        allowFiltering: true,
                        allowSorting: true,
                        columns: [
                            { field: "userDispName", headerText: 'Timesheet User', textAlign: ej.TextAlign.Left, width: 20}, 
                            { field: "weekEndDate", headerText: 'Week End Date', textAlign: ej.TextAlign.Center, width: 20 }

                        ]

                    });

谢谢迪

Answer 1

参考以下知识库在ejGrid中放置超链接。

https://www.syncfusion.com/kb/3767

更新

ejGrid 使用 JSRender 模板呈现其内容。所以你可以像下面那样将参数传递给超链接。

$("#ManagerApprovalGrid").ejGrid({
                   . . . . . 
                    columns: [
                       { 
                         field: "userDispName", 
                         template:"<a href=something/{{:userDispName}}>View</a>" 
                         headerText: 'Timesheet User',
                         textAlign: ej.TextAlign.Left, width: 20
                      }, 
                       . . . . 

                    ]

                });

演示： http://jsplayground.syncfusion.com/nvoeeoel

ejgrid 列中的 Syncfusion 超链接

Syncfusion hyperlink in ejgrid column

syncfusion