Add hyperlink to some cells in syncfusion treegrid - ASP.NET MVC

Question

I want to add a link to EJ TreeGrid and I want pass the column's on href.

col.Field("NoteID")
                      .HeaderText("View")
                      .Width(80)
                      .TextAlign(TextAlign.Right)
                      .IsTemplateColumn(true)
                      .Template("<a href='" + @Url.Action("GetNoteID", "Notes") + "/" + "/{NoteID}' target='_blank'>View Broker Note</a>")                     
                      .Add();

How can I pass the pass NoteID on {NoteID} in the href link?

I tried:

.ClientSideEvents(eve =>
                  {
                     eve.QueryCellInfo("querycellinfo");
                  })`

`function querycellinfo(args) {
        if (args.column.field === "NoteID" && args.cellValue != null) {
            $(args.cellElement).find(".linkbtn").click(function () {
                $.ajax({
                    type: "GET",
                    url: @Url.Action("GetNoteID", "Notes") + "/" + args.cellValue,
                    data: args.data,
                    dataType: "json"
                });
            })
        }
    }

but with no luck.

LIMJI · Accepted Answer · 2023-05-25 13:29:00Z

0

To address your requirement, we have provided a sample where we used template in the column to provide a hyperlink and passed the taskname value using double curly braces with Colon {{: }}, you can find the code snippet and sample Link below

Code Snippet:

/index.cshtml/

.Columns(co =>

{

 co.Field("TaskName").HeaderText("Task Name").EditType(TreeGridEditingType.String).Template("<a href='" + @Url.Action("GetNoteID", "Notes") + "/" + "/{{:TaskName}}' target='_blank'>View Broker Note</a>").IsTemplateColumn(true).Add();

}

Sample Link : https://www.syncfusion.com/downloads/support/directtrac/general/ze/TestSample1393020514

UG LINK : https://help.syncfusion.com/aspnetmvc/treegrid/columns#column-template

Regards,

Udhayakumar

answered May 25, 2023 at 13:29

LIMJI

162 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Add hyperlink to some cells in syncfusion treegrid - ASP.NET MVC

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related