Hello.

I want to create grid where in some of the columns would be a datepicker just to select the time.

Here is a data which I recive (1 record sample) : {shopID: 16, scheduleDay: "2000-01-01T00:00:00", shopWorkingHourID: 1,…}

Here is my model schema :

                schema: {
                    model: {
                        fields: {
                            shopID: "shopID",
                            scheduleDay: "scheduleDay",
                            workStartHour: "workStartHour",
                            workEndHour: "workEndHour",
                        }
                    }
                }

Here is my column configuration :

                columns: [
                    {
                        field: "shopID"
                    },
                    {
                        field: "scheduleDay",
                        format: "{0:yyyy/MM/dd}"
                    },
                    {
                        
                        field: "workStartHour",
                        editor: function (container, options) {

                           console.log('here');
                            var input = $("<input/>");
                            input.attr("workStartHour", options.model.workStartHour);

                            input.appendTo(container);

                            input.kendoTimePicker({});
                        },
                        format:"{0:HH:mm}",
                    }]

Time is displayed correctly but I cannot pick the time, even picker isn't shown.

Some crucial information

* I've tried convert data I receive to new Date

* I've included scripts corectly

* I don't get any errors

I'll take any advice how to make this work.

I'm using kendo ui with mvc pivto grid local_flat_data_binding. I have problem in the chrome's console saying that 'kendoPivotConfigurator is not a function'
Here is my layout's code

my html page and the controller are exactly like the examples sample.

Thank you

Hi, 

how can I set the first day of the week used by the Kendo UI DatePicker in an Angular 2/4 project?

Thanks,

Mike

when I lock columns to make them static this causes my grid to shrink. I don't think resize function is working. Funny part is when I inspect my page on browser and close the dev tools in chrome grid resizes it and it turns into normal.

here is my script;

I'm using MVC and I have a dropdown list that pulls from the rows in the database and when an option from the dropdown list is selected, I want it to populate additional fields on the View that are other columns in the row on the database.

My View with the dropdown and the field I want populated.
 <div class="group">
        @Html.LabelFor(model => model.TransactionTemplateName, htmlAttributes: new { @class = "window-label-left" })
        @(Html.Kendo().DropDownList()
                                                                                .Name("TransactionTemplateName")
                                                                                .DataTextField("TransactionTemplateName")
                                                                                .DataValueField("ID")
                                                                                 .Filter("contains")
                                                                                .Events(e => e.Change("onChange"))
                                                                                .DataSource(source =>
                                                                                {

                                                                                    source.Read(read =>
                                                                                    {
                                                                                        read.Action("GetTransactionTemplate", "Transactions");
                                                                                    });
                                                                                })

                                                                                    .HtmlAttributes(new { style = "width: 50%" })
        )


    </div>
   
    <div class="group">
        @Html.LabelFor(model => model.DESCRIPTION, htmlAttributes: new { @class = "window-label-left" })

        @Html.EditorFor(model => model.DESCRIPTION, new { htmlAttributes = new { @class = "window-text" } })

        @Html.ValidationMessageFor(model => model.DESCRIPTION, "", new { @class = "text-danger" })

    </div>

My method in the Controller to call the dropdown list and hopefully the additional column

public JsonResult GetTransactionTemplate(string text)
        {
            var northwind = new TreasuryEntities();


            var products = northwind.TransactionTemplates.Select(product => new TransactionViewModel
            {
                ID = product.ID,
                TransactionTemplateName = product.TEMPLATE_ID,
                DESCRIPTION = product.DESCRIPTION

            });

            if (!string.IsNullOrEmpty(text))
            {
                products = products.Where(p => p.TransactionTemplateName.Contains(text));
            }

            return Json(products, JsonRequestBehavior.AllowGet);
        }
      

I'm having trouble with the script needed to populate the other fields. 

 function onChange() {

        $("#TransactionTemplateName").change(function () {
            $("#ID").val(ID);
            $("#DESCRIPTION").prop('readonly', false);
            $("#DESCRIPTION").val();
            $("#DESCRIPTION").prop('readonly', true);
        })
    }