I am having an issue on an inline editable grid with bulk edit on whereby when I click in the foreign key column I see a quick box and then it goes back to being uneditable - no dropdown as per the Editor template GridForeignKey.  I have got this installed in my project.

What also seems to be happening is any integer columns aren't appearing with the styled edit box with the round edges. But I can click and edit the values.

Has anyone seen this before?

Even if I remove the Editor Template from the project the behaviour is the same, so I don't think its the editor template causing the issue!

I am on version 2016.3.914

Any help would be greatly appreciated

Hi,

We encounter a filtering issue in cascading dropdownlist. we have two dropdownlists ​and the value of dropdownlist is indicated from server. 

After the 2nd dropdownlist display ​corresponding ​items according to  the 1st dropwdownlist,  we type some filter criteria in the 2nd dropdownlist textbox, the filtering function doesn't work.

We have attached the image below and please kindly assist. Thanks!

Currently I'm trying to access the value of a cell in the grid, but the property is always undefined.

                             @(Html.Kendo().Grid<IA.Models.PatientInfo>()
                              .Name("PatientGrid")
                              .Columns(columns =>
                              {
                                  columns.Bound(c => c.PatientId).Title("Id").Width(50);
                                  columns.Bound(c => c.FullName).Width(200);
                                  columns.Bound(c => c.DOB).Width(140).Title("Date of Birth").Format("{0:dd/MM/yyyy}");
                                  columns.Bound(c => c.MANumber).Width(90);
                                  //columns.Command(command => { command.Destroy(); }).Width(50);
                                  columns.Command(c => c.Custom("Delete").Click("open")).Width(50);
                              })
                              .Filterable()
                              .Sortable()
                              .Selectable()
                              .Pageable(pageable => pageable
                              .PageSizes(true)
                              .ButtonCount(5))
                              //.HtmlAttributes(new { style = "height: 80px" })
                              .Events(ev => ev.DataBound("function(){this.trigger('change')}"))
                              .DataSource(dataSource => dataSource
                                .Ajax()
                                .Destroy(update => update.Action("Destroy", "Provider"))
                                .Read(read => read.Action("Patient_Read", "Provider", new { id = Model.ProviderId }))
                                .PageSize(10)
                                .ServerOperation(false)
                                .Model(model =>
                                {
                                    model.Id(m => m.PatientId);
                                })
                                )

         )

        <script type="text/javascript">

            function open(e) {
                e.preventDefault();

                var row = $(e.currentTarget).closest("tr");

                   var test = row.PatientId;
                    alert(test);
                   }

</script>

I've also I've also tried using selectItem() and that doesn't seem to work either.

Hello,

In my JavaScript file I bind to serveral events of the grid like:

this is working fine but now I want to bind to the "read" Event to set my parameters instead of using the .Data() property of the mvc grid (I don't want to set javascript in my grid Definition only want to bind/hook into Event from my external javscript file)

is there a event which I can bind to to set the parameters for the datasource?

robert

Hi there,

I have several Kendo charts (bar charts and line charts) with the data series bound to remote and grouped data. I am using the "shared" tooltip to display information on the grouped data together. However, I would like to change the width of the tooltip. I can of course do it globally by changing the Kendo chart tooltip CSS, but this is far from being a good solution because then it doesn't look good on other charts -- please see the enclosed jpg file.

Question: Is it possible to change the CSS definitions (in particular "width") of the chart tooltip separately for every single chart?

Any suggestions are welcome!

-------------------------------------------------------------

An example code below:

@(Html.Kendo().Chart<AmeyQCMVC2.Models.ViewModels.BCIRatiosViewModel>()

        .Name("bciChart_DefectCategoryRatios")
        .DataSource(ds => ds.Read(read => read.Action("GetDefectCategoryBCIRatios", "Report"))
                                              .Group(group => group.Add(model => model.ConditionIndex))
                                              .Sort(sort => sort.Add(model => model.DefectCategory))
        )
        .Theme("Fiori")
        .Title("Component Condition Index per Defect Category")
        .Legend(legend => legend
            .Position(ChartLegendPosition.Right)
        )
        .ChartArea(chartArea => chartArea
            .Margin(15)
        )
        .SeriesDefaults(seriesDefaults =>
            seriesDefaults.Bar()
        )
        .SeriesColors("limegreen", "yellowgreen", "gold", "tomato", "red")
        .Series(series =>
        {
            series.Bar(model => model.Ratio)
                  .Name("");
        })
        .CategoryAxis(axis => axis
            .Categories(model => model.DefectCategory)
            .MajorGridLines(lines => lines.Visible(true))
            .MajorTicks(lines => lines.Visible(true))
        )
        .ValueAxis(axis => axis.Numeric()
            .Title("Percentage of components")
            .Min(0)
            .Max(1)
            .MajorGridLines(lines => lines.Visible(true))
            .AxisCrossingValue(0)
            .Labels(l => l.Format("{0:p0}"))
        )
        .Tooltip(tooltip => tooltip
            .Visible(true)
            .Shared(true)
            .Format("{0:p2}")
            .Color("white")
            .Background("green")
            .Border(1, "green")
        )
        .ToClientTemplate()

)

-------------------------------------------------------------

The viewmodel class is defined as follows:

   public class BCIRatiosViewModel
    {
        public string DefectCategory { get; set; }
        public int ConditionIndex { get; set; }
        public double Ratio { get; set; }
    }

I have a bar chart that is getting its data from my controller in the form of Json data as shown below:

As you can see, there are multiple sites for the same hours.  The horizontal axis should represent each hour from the data.  Each hour should have a column representing each site, very similar to the 'Column Chart' example on your site.  The code example on the site shows the series data like this:

My current code that shows the hourly totals for 1 site is listed below, but I'd like this to work for multiple sites as shown the in above collection of Json data. What is the best way to accomplish this?

My current code:

Thanks,

Shawn

Apologies for what I hope is a stupid question, given I'm new to MVC & web development.

I have a TreeView with manually added child nodes off the root. I then want to add child nodes to each of those nodes via a foreach loop

The code (that is wrong) is

    @(Html.Kendo().TreeView()
        .Name("treeview")
        .Items(treeview =>
        {
            treeview.Add().Text("Root")
                .Expanded(true)
                .Items(root =>
                {
                    root.Add().Text("Child")
                        .Expanded(true);

                    foreach(var item in Model.Entity.GrandChildData)
                    {
                        {add to Child } item.data;
                    }

Thanks

Good day. This must be a very basic thing to do, though I didn't manage to find any information on it.

I have a treeview setup like this:

My controller looks like this:

That part works just fine.

Now, I would like to add a button that would, say, rename the selected item. So,I know how to get the selected item in the treeview. What I do not know how to implement is the connection viewmodel -> data model. That is, knowing the selected html item I have no idea how to get the model item it coresponds to. That would be solvable if I could add my custom html "model-id" property on every item and pass it back to controller on my button click. Which I have no idea how to implement either.

Thank you in advance.