I am using Kendo MVC Treeview.

How can I change font for all parents that has child nodes.

Thank You.

Thanks in advance

Xavier de la Rubia.

I want to create a view with a layout similar to Outlook or the Team Efficiency page of the Telerik Northwind Dashboard sample app.  There will be a ListView of names on the left.  When you click on a name, more information about the person will appear in a side panel to the right.  So far, so good.  On phones and other ​small screens, I need this ​view to function as Outlook does on those devices.  Only the ListView should be visible until you click on a name, ​at which time the side panel will be displayed and the ListView will no longer be visible. That's where I need some help.

What's the best way to go about this using Telerik controls? I am using Bootstrap to control the layout, but this is a little different since it is not based just on the size of the screen.

Thanks,

Joel

I have an Hierarchical Grid and a problem appears when the first row is expanded before another row:

If I insert any record to any child grid, it record will be inserted for the first row's parent grid (in database too).

My Grid:

@(Html.Kendo().Grid<AvvaWebApi.Models.DataFilterViewModel>()
                    .Name("grid")
                    .Columns(columns =>
                    {
                        columns
                            .Bound(c => c.Alias)
                            .Title("Nome de identificação")
                            .Width(300);


                        columns.Bound(c => c.Zone)
                            .ClientTemplate("# if (typeof Zone !== 'undefined' && Zone !== null) {# #=Zone.Number# #} else {# N/A #} #")
                            .EditorTemplateName("Zone")
                            .Title("Zona de Alarme")
                            .Filterable(false)
                            .Width(130);

                        columns
                            .Bound(c => c.AlarmType)
                            .ClientTemplate("# if (typeof AlarmType !== 'undefined' && AlarmType !== null) {# #=AlarmType.Text# #} else {# N/A #} #")
                            .EditorTemplateName("AlarmType")
                            .Title("Tipo de Alarme")
                            .Filterable(false);

                        columns
                            .Bound(c => c.OutputText)
                            .Title("Texto de saída");

                        columns
                            .Bound(c => c.DigitalOutput).Title("Saída digital")
                            .EditorTemplateName("Integer")
                            .Width(110)
                            .Filterable(false);

                        columns
                            .Bound(c => c.TurnOnGiroflex)
                            .Title("Ligar Giroflex")
                            .Width(110)
                            .Filterable(false)
                            .ClientTemplate("# if(TurnOnGiroflex) { #&#10004;# } else { #&mdash;# } #");

                        columns.Command(command => { command.Edit(); command.Destroy(); }).Width(250);
                    })
                    .ToolBar(toolbar =>
                    {
                        toolbar.Create();
                    })
                    .Editable(editable => editable.Mode(GridEditMode.InLine))
                    .Pageable()
                    .Filterable()
                    .Scrollable()
                    .DataSource(dataSource => dataSource
                        .Ajax()
                        .Model(model => model.Id(p => p.Id))
                        .Model(model => model.Field(p => p.AlarmTypeId).DefaultValue(1))
                        .Model(model => model.Field(p => p.ZoneId).DefaultValue(1))
                        .Read(read => read.Action("DataFilters_Read", "DataFiltersGrid"))
                        .Create(create => create.Action("DataFilters_Create", "DataFiltersGrid"))
                        .Update(update => update.Action("DataFilters_Update", "DataFiltersGrid"))
                        .Destroy(destroy => destroy.Action("DataFilters_Destroy", "DataFiltersGrid"))
                    )
                    .Events(events => events.DataBound("dataBound"))
                    .HtmlAttributes(new { style = "height: 533px;" })
                    .ClientDetailTemplateId("templateConditions"))

The template Grid:

<script id="templateConditions" type="text/kendo-tmpl">

    @(Html.Kendo().Grid<AvvaWebApi.Models.ConditionViewModel>()
      .Name("gridCondicoes")
      .Columns(columns =>
      {
          columns.Bound(c => c.OrdinalPosition)
            .Title("Ordem de precedência")
            .EditorTemplateName("Integer")
            .Width(100);

          columns.Bound(c => c.LogicOperator)
            .Title("Operador condicional")
            .ClientTemplate("\\# if (typeof LogicOperator !== 'undefined') {\\# \\#=LogicOperator.Text\\# \\#} \\#")
            .EditorTemplateName("LogicOperator")
            .Width(170);

          columns
            .Bound(c => c.Analytic)
            .Title("Onde aconteceu?")
            .ClientTemplate("\\# if (typeof Analytic !== 'undefined') {\\# \\#=Analytic.Alias\\# \\#} \\#")
            .EditorTemplateName("CascadedAnalytic");

          columns.Bound(c => c.EventType)
            .Title("O que aconteceu?")
            .ClientTemplate("\\# if (typeof EventType !== 'undefined') {\\# \\#=EventType.Text\\# \\#} \\#")
            .EditorTemplateName("EventType")
            .Width(250);

          columns.Bound(c => c.SecondsSinceLast)
            .Title("Segundos depois")
            .EditorTemplateName("Integer")
            .Width(100);

          columns.Command(command => { command.Edit(); command.Destroy(); }).Width(250);
      })
      .ToolBar(toolbar =>
      {
          toolbar.Create();
      })
      .Editable(editable => editable.Mode(GridEditMode.InLine))
      .Scrollable()
      .DataSource(dataSource => dataSource
          .Ajax()
          .ServerOperation(false)
          .Sort(sort => sort.Add(x => x.OrdinalPosition).Ascending())
          .Model(model => model.Id(p => p.Id))
          .Model(model => model.Field(p => p.AnalyticId).DefaultValue(1))
          .Model(model => model.Field(p => p.LogicOperatorId).DefaultValue(1))
          .Model(model => model.Field(p => p.EventTypeId).DefaultValue(1))
          .Read(read => read.Action("Conditions_Read", "ConditionsGrid", new { dataFilterId = "#=Id#" }))
          .Create(create => create.Action("Conditions_Create", "ConditionsGrid").Data("onCreateCondition"))
          .Update(update => update.Action("Conditions_Update", "ConditionsGrid"))
          .Destroy(destroy => destroy.Action("Conditions_Destroy", "ConditionsGrid"))
      ).ToClientTemplate()
    )
</script>

Anyone had this problem anytime?​

Hi,

I need some help with the aggregate feature please. The sum aggregates are not displayed at the footer of the grid. The correct data is received however.

I Have an MVC backend and use the DatasourceRequest object, but because of the fact I am using angular, I cannot work with the MVC wrappers. Therefore I use the following JS for the grid options:

 The received data contains the values, but it seems MVC datasource added some things here:

Thank you so much for helping me out here!

My upload control works fine for the first file but not the second.  The "Select" box still allows me to pick a second file, but no events fire.  The files I'm using are very small (a few K) so the first upload is almost instant.

 Here is my control:

The JS events are just alerts to see if anything is happening, they all fire the first time but none for for subsequent file selects.

 I know I'm not giving a ton of info, hoping I'm just missing something obvious.  Please let me know if you need more info.  Thanks in advance to any responders.

I'm having a problem with my grid.  The paging is not working when the datasource options are used.

My code is as follows:

@(Html.Kendo().Grid(Model)
      .Name("Grid")
      .Columns(columns =>
        {
          columns.Bound(c => c.status).Title("Status")
        }
      )

            .Pageable()
      .DataSource(dataSource => dataSource
          .Ajax()
          .PageSize(30)
          .Filter(filters =>
              {
                  filters.Add(status => status.requirementstatus).Contains("2");
              }
          )
      )
)

If I remove dtaousrce completely all the results are returned and the grid pages perfectly.  What am I doing wrong?

Hello,

I need to incorporate KnockoutJS to the project I'm creating.

I added KnockoutJS to a TextBox and it works!

Here's the code

But when I try to add KnockoutJS to a ComboBox using the same technique it doesn't work. I've tried using Knockout-Kendo v0.9.5 but it doesn't work too :(

Here's my code:

Here's my ViewModel for the two code snippets above

How can I fix this?

Thank you,

Mike.

Hello,

I’m trying to use a @helper inside a Telerik Window widget but it doesn’t work as expected. If I use the @helper then it shows the TextBox widget in the main page without opening/showing the Window widget but the labels are shown as expected however if I write the code in the @helper directly in the Window widget then it works as expected. Why this strange behavior?

Here's the code

 ​

Can anyone help me to solve this?

 Thank you.

Hi, i'm using a kendo grid for server paging, sorting and filtering and now i would like to add grouping functionality:

I use "function mode" to read data, so dataSource is configured as:

let dataSource: any = {
                batch: true,
                serverPaging: true,
                serverSorting: true,
                serverFiltering: true,
                serverGrouping: true,
                page: 1,
                pageSize: 20,
                transport:
                {
                    read: function (options)
                    {

kendo.data.transports["aspnetmvc-ajax"].fn.options.options = { prefix: '' };
                        let request = kendo.data.transports["aspnetmvc-ajax"].fn.options.parameterMap(options.data, "read", false);

                        thisObject.httpService.GetNodes(request)
                        .then(function (args: IHttpServiceParameters)
                        {
                            options.success(args.data);
                        });
                   }
                },
                schema:
                {
                    data: function (data)
                    {
                        return data.Data;
                    },
                    total: function (data)
                    {
                        return data.Total;
                    },
                    groups: function (data)
                    {
                        return data.Data;
                    },
                    model: model
                }
     }