Telerik Forums
UI for ASP.NET Core Forum
3 answers
42 views

Your search function inside the actual forum does not return any results.

See attached picture.

Plamen
Telerik team
 answered on 04 Oct 2017
1 answer
128 views

Hello,

I use the following approach to configure custom editing UI for the column: http://docs.telerik.com/kendo-ui/api/javascript/ui/grid#configuration-columns.editor
(see also Code below)

this works for textcolumns but there is a Problem with kendoNumericTextBox, kendoTimePicker and kendoDatePicker.
If I click into the column the corresponding editor displays but after editing the wrong value is given back to the text field - for me it looks like there is a formatting problem with the german language...

in this Video https://www.screencast.com/t/GkXn5uS7SH2 you can see what's going on:

  • changing a time value of 12:33.00 results in "Thu Sep 28 2017 02:00:00 GMT+0200 (Mitteleuropäische Sommerzeit)"
  • changing a date value of 10.10.1999 results in "Wed Aug 19 1998 00:00:00 GMT+0200 (Mitteleuropäische Sommerzeit)"
  • in float/decimal value the decimal seperator is in german a comma not a dot - if I type 124,25 the result is 12425.00

How to set the Editors (kendoNumericTextBox, kendoTimePicker and kendoDatePicker) that they give the correct value back?

 

$(function () {
        var grid = $("#grdMitgliedprofile").data("kendoGrid");
        grid.columns[1].editor = function (container, options) {
            //-----------------------------------------
            //Eintrag_INT
            //-----------------------------------------
            if (options.model.Profilfeldtyp_ID == 1) {
                $("<input name='" + options.field + "' data-bind='value:" + options.field + "'/>").appendTo(container).kendoNumericTextBox({
                    format: "n",
                    decimals: 0
                });
            }
            //-----------------------------------------
            //Eintrag_FLOAT
            //-----------------------------------------
            else if (options.model.Profilfeldtyp_ID == 2) {
                $("<input data-bind='value:" + options.field + "'/>").appendTo(container).kendoNumericTextBox({
                    format: "n",
                    decimals: 2,
                    culture: "de-DE"
                });
            }
            //-----------------------------------------
            //Eintrag_BIT
            //-----------------------------------------
            else if (options.model.Profilfeldtyp_ID == 3) {
                //$("<input type='checkbox' data-bind='value:" + options.field + "' class='k-checkbox'/>").appendTo(container);
                $("<input data-bind='value:" + options.field + "'/>").appendTo(container).kendoDropDownList({
                    dataTextField: "text",
                    dataValueField: "value",
                    dataSource: [
                        { text: "JA", value: "JA" },
                        { text: "NEIN", value: "NEIN" },
                    ],
                });
 
            }
            //-----------------------------------------
            //Eintrag_VARCHAR
            //-----------------------------------------
            else if (options.model.Profilfeldtyp_ID == 4) {
                $("<textarea data-bind='value:" + options.field + "' class='k-textbox'/>").appendTo(container);
            }
            //-----------------------------------------
            //Eintrag_MONEY
            //-----------------------------------------
            else if (options.model.Profilfeldtyp_ID == 5) {
                $("<input data-bind='value:" + options.field + "'/>").appendTo(container).kendoNumericTextBox({
                    format: "c",
                    decimals: 2,
                    culture: "de-DE"
                });
            }
            //-----------------------------------------
            //Eintrag_TIME
            //-----------------------------------------
            else if (options.model.Profilfeldtyp_ID == 6) {
                $("<input data-bind='value:" + options.field + "'/>").appendTo(container).kendoTimePicker({
                    dateInput: true,
                    format: "HH:mm:ss",
                    parseFormats: ["HH:mm:ss"],
                    culture: "de-DE"
                });
            }
            //-----------------------------------------
            //Eintrag_DATETIME
            //-----------------------------------------
            else if (options.model.Profilfeldtyp_ID == 7) {
                $("<input data-bind='value:" + options.field + "'/>").appendTo(container).kendoDatePicker({
                    dateInput: true,
                    format: "dd.MM.yyyy",
                    culture: "de-DE"
                });
            }
            //-----------------------------------------
            //Eintrag_IMAGE
            //-----------------------------------------
            else if (options.model.Profilfeldtyp_ID == 8) {
                $("<input name='files' id='files' type='file'/>").appendTo(container).kendoUpload({
                    async: {
                        saveUrl: "save",
                        removeUrl: "remove",
                        autoUpload: true
                    }
                });
            }
            else {
                $("<textarea data-bind='value:" + options.field + "' class='k-textbox'/>").appendTo(container);
            }
        }
    })
Viktor Tachev
Telerik team
 answered on 03 Oct 2017
4 answers
810 views

Hello,

If I reload the tabstrip Content of the second tab with JavaScript with tabStrip.reload(item) in a partialview the Content is not replaced but
always appended...

@(Html.Kendo().TabStrip().Name("tabMitglieddokumenteEdit")
      .Animation(false).Items(tab =>
      {
          tab.Add().Text("Ansicht").Selected(true).Content(@<text><iframe style="position: absolute; height: calc(100% - 70px); width:100%; border: none" frameborder="0" src="@ViewBag.BCPHostUrl/DocumentViewer?source=Mitglieddokumente&id=@Model.Mitglied_ID&docid=@Model.Dokument_ID&w=100&h=100&sidepane=true&toolbar=true"></iframe></text>);
          tab.Add().Text("Dokumentdaten").LoadContentFrom("DokumentEdit_Read", "Mitglieddokumente", new { mitgliedid = @Model.Mitglied_ID, dokumentid = @Model.Dokument_ID });
      }))

maybe the reason is that the tabstrip is in a partial view but how to avoid that?

robert

Robert Madrian
Top achievements
Rank 1
Veteran
Iron
 answered on 02 Oct 2017
1 answer
146 views

In order to use Boostrap tooltips, I have the following on my page.

$(document).ready(function() {

        $('[data-toggle="tooltip"]').tooltip();
    });

 

However, when using a grid with hierarchy, the tooltips of the details grids are not rendered yet so the above method cannot work for them.
Are there some events that I can hook to when the details grids appear?

Viktor Tachev
Telerik team
 answered on 29 Sep 2017
1 answer
81 views

In my ASP.NET Core application I use a Razor template to create a Kendo grid based on one of my ViewModels.  The grid itself is set to use InCell editing and one of the columns generated corresponds to a string variable in the ViewModel.  When I clear the string cell in the grid and trigger an update to the grid's datasource I would expect the value of the string variable in the model of the datasource request to be an empty string.  However, when I stop at a break point in the controller and look at the properties of the model the string value has a value of null.

 

What would I need to do to pass along an empty string in the model to the controller action?

Ian
Top achievements
Rank 1
 answered on 27 Sep 2017
3 answers
324 views

I have a custom Edit button on Grid.

Upon clicking Edit, I get the selected grid data row:

function onUserOrgEdit(e) {

...

var data = this.dataItem($(e.currentTarget).closest("tr"));

...

}

Next, I need to refresh my window:

 var win = $("#createUserWindow").data("kendoWindow")

 win.refresh({
        url: "/Admin/EditOrgRole",
        data: data

});

 

I cannot JSON.stringify because wrong content-type is sent to controller action and asp.net core mvc not able to bind JSON correctly.  I get null values in controller action.  

What is the correct way to do this?

 

Thanks.

 

 

 

Dimitar
Telerik team
 answered on 26 Sep 2017
1 answer
77 views

I set MinLength on Autocomplete.

However when I click on the "clear" icon of the autocmplete box there are a few unexpected behaviors

- there is a call to the controller with empty text

- the dropdown remains open saying "no data found"

Ivan Danchev
Telerik team
 answered on 21 Sep 2017
1 answer
1.7K+ views

I have an editable grid with custom EditorTemplate, the grid has "InLine" edit mode. 

I would like to send a property to this EditorTemplate by using EditorViewData. This property is assigned to the selected row. 

@(Html.Kendo().Grid<VehicleWithTrackerDTO>()
              .Name("VehiclesGrid")              
              .Events(e => e
                    .ExcelExport("excelExport")
                    .BeforeEdit("getColor"))
              .Columns(columns =>
              {
// LOOK AT THE FIRST LINE BELOW:
                  columns.Bound(d => d.ImageId).Title("Image").ClientTemplate("<img src='" + Url.Content("~/imgs/") + "#:Image#'/>").Width(120).Sortable(false).Filterable(false).EditorViewData(new { colorId = 1 });
// colorId = 1 should be replaced with something like #:ColorId#
                  columns.Bound(d => d.Brand).Width(200).Filterable(fb => fb.Multi(true).Search(true));                   
                  columns.Command(command => { command.Edit(); }).Width(100);
              })
              .Editable(editable => editable.Mode(GridEditMode.InLine))           
              .DataSource(source => source
                  .Ajax()
                  .Events(events => events.Error("errorHandler"))
                  .Model(model => model.Id(p => p.DeviceId))
                  .Read(read =>
                  {
                      read.Action("GetVehicles", "Vehicles").Data("searchQuery");
                  })
                  .Update(update => update.Action("Update", "Vehicles"))
              )
      )

My question is how can I send an item with "" property? 

My first idea was to create a javascript function, which will return data like this:

function getColor(e) {
    return {
        colorId: e.model["ColorId"]
    };
}

 

But I can't see the solution to pass this data into EditorViewData method.

 

 

Thanks, 

Mateusz

Stefan
Telerik team
 answered on 21 Sep 2017
1 answer
736 views

I have a data on a server with the CalbelCase formatting for properties. How bind column to model via lambda expression?

This example demonstrates this:

@(Html.Kendo().Grid<WebApplication66.Models.Contact>()
    .Name("Grid")
    .Columns(columns => {
        columns.Bound(m => m.Name);
        columns.Bound(m => m.Price);
    })
    .DataSource(d => d
        .WebApi()
        .Model(model => {
            model.Id(m => m.Key);
            model.Field(m => m.Name);
        })
        .Read(read => read.Action("Get", "Contacts"))
    )
)

My JSON form WebApi controller:

{"data":[{"name":"Test Name","price":100,"key":0},{"name":"Test Name 2","price":1,"key":1}],"total":2,"aggregateResults":null,"errors":null}

Stefan
Telerik team
 answered on 21 Sep 2017
47 answers
499 views
When will you support .NET Core 2.0? I currently cannot use the ToDataSourceResult extension method in my controllers as it depends on an obsolete namespace Microsoft.AspNetCore.Mvc.ModelBinding.ValueProviderResultExtensions.
Bozhidar
Telerik team
 answered on 20 Sep 2017
Narrow your results
Selected tags
Tags
+? more
Top users last month
Anislav
Top achievements
Rank 6
Silver
Bronze
Bronze
Jianxian
Top achievements
Rank 1
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Jim
Top achievements
Rank 2
Iron
Iron
Nurik
Top achievements
Rank 2
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Anislav
Top achievements
Rank 6
Silver
Bronze
Bronze
Jianxian
Top achievements
Rank 1
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Jim
Top achievements
Rank 2
Iron
Iron
Nurik
Top achievements
Rank 2
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?