[Solved] Display value inside button

[Sam]

Hi,

How can I display the order id in the button?  Thanks!

      @(Html.Telerik().Grid<MvcTestTelerik.OrderListModel>()
            .Name("Grid")
            .Resizable(resizing => resizing.Columns(true))
            .Columns(columns =>
                {
                    columns.Bound(o => o.OrderId).Title("Order Number")
                        .Width(40);

                    columns.Command(cmd => cmd
                        .Custom("Go")
                         .DataRouteValues(route =>
                            {
                                route.Add(o => o.OrderId).RouteKey("orderId");
                            })
                        .Ajax(true)
                        .Action("ActionResult", "Home"))
                        .Width(40)
                        .Title("Order Number");
                       
                  
                    columns.Bound(o => o.ord_status).Format("{0:MM/dd/yyyy hh:mm tt}").Title("Order Status").Width(40);
                    columns.Bound(o => o.PONumber).Title("PO Number").Width(40);
                    columns.Bound(o => o.username).Title("User Name").Width(40);
                    columns.Bound(o => o.ReceivedDate).Title("Order Date").Width(40);

                })
                        .ClientEvents(clientEvents => clientEvents.OnDataBinding("dataBinding").OnRowSelect("onRowSelected"))
                .DataBinding(db => db.Ajax().Select("OrderList", "Home"))
                .Pageable(paging => paging.PageSize(20)
                    .Style(GridPagerStyles.NextPreviousAndNumeric)
                    .Position(GridPagerPosition.Bottom))
                .Scrollable()
                .Sortable()
                .Selectable()
            )

[Dadv]

Look at the OnRowDatabound event, use the 'row' property, find the command link ('a .t-grid-edit'), change it 'val()' by e.dataItem.OrderId


Edit : correct the OrderId property

[Liem]

Hi Dadv,

This is what I have:

 function onRowDataBound(e) {
        $(e.row).find('a .t-grid-edit').val(e.dataItem["OrderId"]);
    }

It still does not work.  Maybe I did not do correctly.  See attached.  Thanks.

[Dadv]

e.dataItem["OrderId"] => e.dataItem.OrderId

[Liem]

I'm sorry I don't understand what you are saying.  I'm very new at this.  Thanks.

[Dadv]

replace 
function onRowDataBound(e) {
        $(e.row).find('a .t-grid-edit').val(e.dataItem["OrderId"]);
    } 

by 

function onRowDataBound(e) {
        $(e.row).find('a .t-grid-edit').val(e.dataItem.OrderId);
    } 

[Liem]

Thanks.  but it did not work.  It is the same before. :-(