I've figured out how to initialize a ButonGroup with badges using this documentation:

items - API Reference - Kendo UI ButtonGroup - Kendo UI for jQuery (telerik.com)

Now I want to update badge options or remove a badge after initialization. I found this documentation:

badge - API Reference - Kendo UI ButtonGroup - Kendo UI for jQuery (telerik.com)

However, this only seems to allow updating the text value of the badge. I want to be able to update other things like themeColor. Furthermore, if a badge is removed by calling:

buttonGroup.badge(index, false);

I am having an issue getting my controller code to get called from the UI.  Here is what I have tried. 

<script type="text/javascript">

    $(document).ready(function () {
        $("#pdfViewer").kendoPDFViewer({
            fromFile: {
                url: "@Url.Action("DetailsReport", "ReportViewer")"
            }
        });
    });


</script>

--RAZOR PAGE

 @(Html.Kendo().PDFViewer()
                              .Name("pdfViewer")

                        )

Controller ActionMethod (never gets called).  

returns File(bytes, mimeType).  

I am setting up a grid with inline edit mode and CRUD operations. I add the "create" option in the toolbar and added a command column with "edit" and "delete" options. When I use the add row button, or the edit row button, then the command column changes to contain "Update" and "Cancel" buttons. When I click the "Update" button, nothing seems to happen. The change does not get saved, I see no errors in the console and mu console.logs in the update/create/delete functions also don't get triggered. I am using version 2022.2.621 of Kendo UI for jQuery. (I cannot easily update to a newer version, because we have custom CSS for most components and with every new update, we have a ton of work to update this CSS, because Kendo is always changing/removing/adding class names on HTML elements for some reason.)

I have created an example in the dojo where you can reproduce this problem: https://dojo.telerik.com/eRibIRed

Did I configure the grid wrongly?

Update: I tried version 2023.3.1114 and have the same problem there.

hello,
i want to use kendo to send data to a REST API. I get a 415 error. But i do not know what i have made wrong.
My test html looks like this:

 <button id="button" type="button">Submit</button>
 <script>
     $("#button").kendoButton({
         click: function (e) {
             //alert(combobox.value);
             //alert(e.event.target.tagName);

             var dataSource = new kendo.data.DataSource({
                 transport: {
                     // make JSONP request to https://demos.telerik.com/kendo-ui/service/products/create
                     create: {
                         url: "https://localhost:7170/api/Kunden",
                         dataType: "json", // "jsonp" is required for cross-domain requests; use "json" for same-domain requests
                         type: "PUT"
                     },
                     parameterMap: function (data, type) {
                         if (type == "create") {
                             // send the created data items as the "models" service parameter encoded in JSON
                             return { models: kendo.stringify(data.models) };
                         }
                     }
                 },
                 schema: {
                     model: {
                         id: "kundenId", // the identifier of the model
                         fields: {
                             id: { editable: false, nullable: true },
                         }
                     }
                 }
             });
             // create a new data item
             dataSource.add({ id: 4713 });
             //dataSource.insert(0, { id: 4714 });
             // save the created data item
             dataSource.sync(); // server response is [{"ProductID":78,"ProductName":"New Product","UnitPrice":0,"UnitsInStock":0,"Discontinued":false}]
             //dataSource.pushCreate([{ id: combobox.value }]);
         }
     });
 </script>

My API controller looks like this. I want to use the method SetKunde.

namespace Api.Controllers
{
    [Route("api/[controller]")]
    [ApiController]
    public class KundenController : ControllerBase
    {
        // GET: api/Kunden
        [HttpGet]
        public async Task<ActionResult<IEnumerable<Kunde>>> GetKundeItems()
        {
            //return await _context.KundeItems.ToListAsync();
            DataAccess dataAccess = new DataAccess();
            return dataAccess.GetKunden();
        }

        // GET: api/Kunden/5
        [HttpGet("{id}")]
        public async Task<ActionResult<Kunde>> GetKunde(long id)
        {
            //var kunde = await _context.KundeItems.FindAsync(id);
            DataAccess dataAccess = new DataAccess();
            Kunde kunde = dataAccess.GetKunde(id);
            if (kunde == null)
            {
                return NotFound();
            }

            return kunde;
        }


        // PUT: api/Kunden/5
        [HttpPut]
        public async Task<ActionResult<Kunde>> SetKunde(KundeShort kdn)
        {
                return NotFound();
        }
   }
}

I'd like to highlight cells, in a range.forEachCell method, but each cell has to have a different highlight (background colour) based on some rules. It's quite slow. Is there a way to do this quicker?

Thanks,

Marc

Is there not a way to instruct the Grid to format dates and times in another timezone other than the browser's timezone?

For example, if you consider the example at example you'll see that the date of '2020-01-01T18:45' is formatted as 'Wed Jan 01 2020 18:45:00 GMT-0500 (Eastern Standard Time)' because I am in the EST timezone.  This is great. 

But what if I want it formatted in the PST timezone?

For example, if the date string provided is '2020-01-01T18:45-08:00', the formatted date in the example is 'Wed Jan 01 2020 21:45:00 GMT-0500 (Eastern Standard Time)' which is correct.  But how do I get the Grid to render 'Wed Jan 01 2020 18:45:00 GMT-0800 (Pacific Standard Time)'.