Conditionally display Destroy button?

[David A.]

Hi,

Is it possible to conditionally display the destroy button? I've messed with command.Destroy().HtmlAttributes... but it is not working.

Thanks!
David A.

[Dimo]

Hello David,

You are trying to use an approach that is applicable only with server data binding. If you are using client-side binding, please hide the buttons with Javascript in the Grid's dataBound event handler.

All the best,
Dimo
the Telerik team

[David A.]

Hi Dimo,

Thanks for your response but I couldn't find any substantial documentation on the dataBound event.  Not sure if this is the best way to do it, but I ended up creating a template and it works fine.

David A.

c.Template(@<text></text>).ClientTemplate(@"

                    <a style=""margin-left: 5px;"" class=""k-button k-button-icontext k-grid-edit"" href=""\#""><span class=""k-icon k-edit""></span>Edit</a>

                    # if (TownshipsReceived==0) { #               

                    <a style=""margin-left: 5px;"" class=""k-button k-button-icontext k-grid-delete"" href=""\#""><span class=""k-icon k-delete""></span>Delete</a>

                    # } #").Width(180);

[Daniel]

Hi,

I use the said method

Like:

function onDataBound(e) {

   var data = this._data;

   for (var x = 0; x < data.length; x++)

   {

      var dataItem = data[x];

      if (dataItem.HasMembers)

      {

         var tr = $("#Affiliate").find("[data-uid='" + dataItem.uid + "']");

         tr.find('a.k-grid-delete').remove();

      }

   }

}

the problem is that if I enter editmode and the cancel that edit the delete button reapperas.

Best Regards
Daniel

[Dimo]

Hello Daniel,

Indeed, the delete button reappears, because the Grid is not aware of the customization that you have made. You can attach a click handler to the "Cancel" button in the Grid's edit event and remove the "Delete" button again by using setTimeout.

.Events(ev => ev.DataBound("onDataBound").Edit("attachRemove"))

function attachRemove(e) {
    var idx = e.container.index(),
        parent = e.container.parent();
    e.container.find(".k-grid-cancel").click(function() {
        window.setTimeout(function(){
            parent.children().eq(idx).find('a.k-grid-delete').remove();
        }, 1);
    });
}

Regards,
Dimo
the Telerik team

[Daniel]

Thanks,

works perfectly, you saved my day.

Best Regards
Daniel