Telerik Forums
UI for ASP.NET MVC Forum
1 answer
1.3K+ views

Hi,

I have one table

 

Employee

..............

EId   EName      CompanyId's

1        a              1,2

2        b               2


                @(Html.Kendo().Grid<Emplopyee>
    ()
    .Name("grid")
    .Columns(columns =>
    {
        columns.ForeignKey(f => f.CompanyId,
        (System.Collections.IEnumerable)ViewData["CompaniesList"],
        "CompanyId", "CompanyName")
        .EditorTemplateName("CompaniesEditor").Title("Company Name").Width(200)    

        columns.Bound(p => p.EId).Filterable(false);        
columns.Bound(p => p.EName);
        
    })
     
    .Pageable()
    .Sortable()
    
    .Filterable()
    .HtmlAttributes(new { style = "height:550px;" })
    .DataSource(dataSource => dataSource
    .Ajax()
    .PageSize(20)
    .Read(read => read.Action("GetDetails", "Home"))
    .Model(model => model.Id(p => p.EId))

    )
    )

CompaniesEditor
.......................

(
                 Html.Kendo().MultiSelectFor(m => m)
                        .BindTo((SelectList)ViewData[ViewData.TemplateInfo.GetFullHtmlFieldName("") + "_Data"]).Filter(FilterType.Contains).TagTemplateId("tagTemplate") // Reference to the template.
    )

2

 

my requirement is that need to display comma separated values in grid

 

can any one help me

 

Eyup
Telerik team
 answered on 05 Oct 2021
1 answer
159 views

I have a chart which, depending on a button group selection, will display a different data item in a line series. This is handled server-side, with the chart definition not needing to be changed.

However, I do need to change the name displayed on the value axis and legend name.

I can do this by using the following code:-

var specChart = $("#chortcategorytrendchart").data("kendoChart");

            specChart.options.valueAxis[1].title.text = sName;

            specChart.options.series[1].name=sName;

            specChart.refresh();

 

This works, but I also need to call the chart datasource.read:-

$('#chortcategorytrendchart').data("kendoChart").dataSource.read();

When I do this, the value axis title remains changed correctly, but the series name in the legend reverts to the default setting in the chart definition.

It doesn't make a difference if the read is called before or after the chart refresh.

I am using version 2021.2.511. How can I stop the read call changing the series name back?

Eyup
Telerik team
 answered on 04 Oct 2021
0 answers
434 views

Are there any online examples of where a dropdrownlist control is used inline as a column with the MVC TreeList?

I need the column to be active at all times,.  We don't want to utilize the popup editor.

I tried adding a column with a template like this:

            @(Html.Kendo().TreeList<VendorPortalCatalogItem>()
                  .Name("myClassTreelist")
                  .Columns(columns =>
                  {
                      columns.Add().Field(e => e.Name).Width(220).TemplateId("name-template");
                      columns.Add().Field(e => e.DaysToShipId).TemplateId("dts-template");
                  })
                  .Filterable()
                  .Sortable()
                  .DataSource(dataSource => dataSource
                      .Read(read => read.Action("TreeList_LoadAll", "DaysToShip"))
                      .ServerOperation(false)
                      .Model(m =>
                      {
                          m.Id(f => f.Id);
                          m.ParentId(f => f.ParentId);
                          m.Field(f => f.Name);
                          m.Field(f => f.IconClass);
                      })
                  )
                  .Height(540)
                  )


And my template looks like this:

<script id="dts-template" type="text/x-kendo-template">

            @(Html.Kendo().DropDownList()
                  .Name("DaysToShipId")
                  .OptionLabel("Select days to ship...")
                  .HtmlAttributes(new { style = "width: 100%" })
                  .DataTextField("Text")
                  .DataValueField("Value")
                  .DataSource(source =>
                  {
                      source.Read(read =>
                      {
                          read.Action("ddlDaysToShip_Read", "DaysToShip");
                      });
                  })
                  .Height(400)
                  )

</script>


 

But all this does is throw console error "Uncaught error: Invalid template"

Joe
Top achievements
Rank 1
Iron
Iron
 asked on 01 Oct 2021
1 answer
456 views

Hello,

Is there any way to have a delete confirmation popup or message when the Delete button is clicked in a TreeList?

I've tried using

events.Remove("onRemove");

as shown in the Events demo.  I'm using a JavaScript confirm, but the row is still deleted when I click cancel.

Many thanks,

Richard

 

Patrick | Technical Support Engineer, Senior
Telerik team
 updated answer on 30 Sep 2021
2 answers
713 views

I have a form generated using Html.Kendo().Form.  I would like to be able to export the contents of the form (labels, textboxes, checkboxes) to a new PDF on the click of a button, and then subsequently merge it with another PDF.

Is there a generic method that would enable me to do this, rather than using the PdfProcessing Library to create a new document and then add each of the fields from the ViewModel one by one.

Thank you.

Richard
Top achievements
Rank 4
Iron
Iron
Iron
 answered on 29 Sep 2021
1 answer
1.0K+ views

I have a grid with a clienttemplate. How do I filter on the template text instead of the bound field?

                    columns.Bound(e => e.ProjectAddress).Title("Address").Width(150).Filterable(f => f.Extra(false))
                        .ClientTemplate("#=ProjectAddress#<br/>#=ProjectCity#, #=ProjectStateCode# #=ProjectPostalCode#");

I want to filter on address, city, state and zip code not just ProjectAddress.

Thanks.

 

 

 

Ivan Danchev
Telerik team
 answered on 29 Sep 2021
1 answer
100 views
Can anyone point me in the right direction on how to perform server side paging using razor syntax?  I can't seem to find any documentation that demonstrates how to do this using razor syntax for the example.
Anton Mironov
Telerik team
 answered on 29 Sep 2021
1 answer
262 views
I'm trying to arrange the checkboxes inside a CheckBoxGroup to mimic an existing WebForms layout (embedded in Sharepoint). The current UI has checkboxes in columns, and looks a lot cleaner than what I get with just a "horizontal" layout of the CheckBoxGroup. Any advice?
Ivan Danchev
Telerik team
 answered on 28 Sep 2021
1 answer
209 views

Hello, 

I want to create a data table below the chart like the picture.
Can Kendo UI do this? I have searched but no results as expected.

Please help:

Thanks,

An

Anton Mironov
Telerik team
 answered on 28 Sep 2021
1 answer
195 views

I have multiple switches on a page, each switch has the same class assigned to it.

What i need is that if any switch is checked / changed i need an event to fire and also need to check the state of the remaining switches.

@(Html.Kendo()
    .SwitchFor(a => a.IsAdmin)
    .HtmlAttributes(new { @class = ".permissions" })
    .Messages(c => c.Checked("YES").Unchecked("NO")))

I have tried numerous jquery approaches but none of them even fire when the switch is toggled.


    $('body').on('change', '.permissions', function () {
        // this event handler never gets trigged.....
        // get an instance of each switch and get the toggled / checked state.
        alert();
    });

Patrick
Top achievements
Rank 1
Iron
 answered on 24 Sep 2021
Narrow your results
Selected tags
Tags
+? more
Top users last month
Will
Top achievements
Rank 2
Iron
Motti
Top achievements
Rank 1
Iron
Hester
Top achievements
Rank 1
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Thomas
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Will
Top achievements
Rank 2
Iron
Motti
Top achievements
Rank 1
Iron
Hester
Top achievements
Rank 1
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Thomas
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?