Questions on UI for ASP.NET Core Forum

1 answer

245 views

I have attached the code plus the error message.

kendo support us in 2 ways to declare control in razor view.
- @(
Html.Kendo().DatePicker
)
- @{
Html.Kendo().DatePicker()
.Render();
}

but with the second if I add HtmlAttribute with 4 attribute inside, it will get error.
ex: @{
Html.Kendo().DatePicker()
.HtmlAttribute(new {a="id1", b ="id2", c="id3", d="id4"})
.Render();
}

DateRangePicker

answered on 07 Jun 2021

3 answers

208 views

How to localize "Retry", "Cancel" buttons of the Spreadsheet messages?

I added that to the head of the page, but didn't help

<script src="https://kendo.cdn.telerik.com/2021.1.330/js/cultures/kendo.culture.fr-FR.min.js")"></script>
<script src="https://kendo.cdn.telerik.com/2021.1.330/js/messages/kendo.messages.fr-FR.min.js"></script>

The question is also on SO: question

Localization

Spreadsheet

answered on 04 Jun 2021

1 answer

411 views

does any of your image control support to bind image from memory stream instead of Url

We are using telerik.web.ui (version 2010.2.713.35 ) controls for displaying results in data grid format in our ASP.Net web application .

We have a new requirement to show the signature image in result grid for each record. Currently we store the signature image as base64 format in our database .we are able to convert base 64 to memory stream.

We want to understand does any of your image control support to bind image from memory stream instead of Url.please refer below png file for reference.

Grid

ImageEditor

answered on 04 Jun 2021

1 answer

134 views

GroupPaging in Custom Data Binding

Hello,

I am trying to have a groupable Kendo grid with help of your demo.

https://demos.telerik.com/aspnet-core/grid/grouppaging

My question is, is there a way to implement it with custom data binding and not ajax data binding? when I try to do that, there's an error saying that GroupPaging() cannot be resolved.

Thank you in advance.

Grid

answered on 03 Jun 2021

1 answer

148 views

Combobox - is autocomplete possible as in Ajax control?

In the Ajax control, you have the ability to filter a list and, if the term is not found, execute a command on the new term you typed in. This is in the Ajax demo at https://demos.telerik.com/aspnet-ajax/combobox/examples/functionality/autocompleteclientside/defaultcs.aspx?_ga=2.149674102.1173080875.1622059656-840544784.1585530237 in the Autocomplete example at the top. I am not seeing this functionality replicated in the documentation for .NET Core. Is it possible to do something like this using a Tag Helper? If so, how would one go about it?

Thanks!

Laurie

p.s. For example, if I enter antoine@telerik.com (not found in the list), and click Submit, the message "You have selected the following email: antoine@teleri.com" will be displayed.

ComboBox

answered on 02 Jun 2021

1 answer

1.3K+ views

Remove Clear Button on Asp.Net Core Form

Hi eveyone,

How can i remove the Form Clear Button?

Thanks

Button

Form

answered on 02 Jun 2021

1 answer

317 views

Error of kendo tooltip

I have attached the error, using the kendo tooltip error, and a sample of my code as well.

ToolTip

answered on 02 Jun 2021

1 answer

1.8K+ views

pass parameter with grid

I need to pass parameter with grid to controller just i want to pass

BusId , FlightId , griddata to controller

this funtion send only griddata i want to add BusId , FlightId to save it in one table

function SaveData(e) {

var List = []

BusId: $("#BusId").val() form DropdownList (1) cascadeDrop

FlightId: $("#Flights").val() form DropdownList (2) cascadeDrop

var griddata = $("#Grid").data("kendoGrid"); From Selected Grid

var rows = griddata.select(); which i selected form grid
rows.each(function (e) {
var dataItem = griddata.dataItem(this);
List.push(dataItem);
});

$.ajax({
type: "POST",
url: "@Url.Action("Create", "Employee")",
dataType: "text",
data: JSON.stringify(List),
contentType: "application/json; charset=utf-8",
processData: false,

success: function (data) {

},

error: function (e) {

}

viewModel

public class EmpViewModel
{
public int BusId{ get; set; }

public int FlightId{ get; set; }

public List<Employee>AllEmployee{ get; set; }
}

Controller

public IActionResult Create([FromBody] IEnumerable<Employee> empList)
{

}

Grid

answered on 01 Jun 2021

1 answer

1.3K+ views

Entity framework core sql server db context as data source for razor page grids

Hello,

I saw an example by you guys for razor pages but I need it done for CRUD operations for a data source in the sql server. Assume I have appsettings.json file setup with the correct sql server connection string along with ApplicationDBContext setup in the startup.cs file in the configureservices section to allow dependency injection and the ApplicationDBContext was passed through a constructor for the specified model referenced in the code below to utilize dependency injection. What else would I need to change in the code to allow me to do CRUD operations on razor pages that utilizes entity framework core sql server as its data source?

@page
@model Telerik.Examples.RazorPages.Pages.Grid.GridCrudOperationsModel
@{
    ViewData["Title"] = "GridCrudOperations";
}

<h1>GridCrudOperations</h1>

@using Telerik.Examples.RazorPages.Models
@using Kendo.Mvc.UI

@inject Microsoft.AspNetCore.Antiforgery.IAntiforgery Xsrf
@Html.AntiForgeryToken()

@(Html.Kendo().Grid<OrderViewModel>().Name("grid")
                .Groupable()
                .Sortable()
                .Editable()
                .Scrollable()
                .ToolBar(x => {
                    x.Create();
                    x.Excel();
                })
                .Columns(columns =>
                {
                    columns.Bound(column => column.Freight);
                    columns.Bound(column => column.ShipName);
                    columns.Bound(column => column.ShipCity);
                    columns.Command(column =>
                    {
                        column.Edit();
                        column.Destroy();
                    });
                })
                 .Excel(excel => excel
                            .FileName("Export.xlsx")
                            .Filterable(true)
                            .ProxyURL("/Grid/GridCrudOperations?handler=Save")
                        )
                .DataSource(ds => ds.Ajax()
                       .Read(r => r.Url("/Grid/GridCrudOperations?handler=Read").Data("forgeryToken"))
                       .Update(u => u.Url("/Grid/GridCrudOperations?handler=Update").Data("forgeryToken"))
                       .Create(c => c.Url("/Grid/GridCrudOperations?handler=Create").Data("forgeryToken"))
                       .Destroy(d => d.Url("/Grid/GridCrudOperations?handler=Destroy").Data("forgeryToken"))
                       .Model(m => m.Id(id => id.OrderID))
                    .PageSize(10)
                )
                .Pageable()
)

<script>
    function forgeryToken() {
        return kendo.antiForgeryTokens();
    }
</script>

using System;
using System.Collections.Generic;
using System.Linq;
using System.Threading.Tasks;
using Telerik.Examples.RazorPages.Models;
using Kendo.Mvc.Extensions;
using Kendo.Mvc.UI;
using Microsoft.AspNetCore.Mvc;
using Microsoft.AspNetCore.Mvc.RazorPages;

namespace Telerik.Examples.RazorPages.Pages.Grid
{
    public class GridCrudOperationsModel : PageModel
    {
        public static IList<OrderViewModel> orders;

        public void OnGet()
        {
            if (orders == null)
            {
                orders = new List<OrderViewModel>();

                Enumerable.Range(0, 50).ToList().ForEach(i => orders.Add(new OrderViewModel
                {
                    OrderID = i + 1,
                    Freight = i * 10,
                    ShipName = "ShipName " + i,
                    ShipCity = "ShipCity " + i
                }));

            }
        }

        public JsonResult OnPostRead([DataSourceRequest] DataSourceRequest request)
        {
            return new JsonResult(orders.ToDataSourceResult(request));
        }

        public JsonResult OnPostCreate([DataSourceRequest] DataSourceRequest request, OrderViewModel order)
        {
            order.OrderID = orders.Count + 2;
            orders.Add(order);

            return new JsonResult(new[] { order }.ToDataSourceResult(request, ModelState));
        }

        public JsonResult OnPostUpdate([DataSourceRequest] DataSourceRequest request, OrderViewModel order)
        {
            orders.Where(x => x.OrderID == order.OrderID).Select(x => order);

            return new JsonResult(new[] { order }.ToDataSourceResult(request, ModelState));
        }

        public JsonResult OnPostDestroy([DataSourceRequest] DataSourceRequest request, OrderViewModel order)
        {
            orders.Remove(orders.FirstOrDefault(x => x.OrderID == order.OrderID));

            return new JsonResult(new[] { order }.ToDataSourceResult(request, ModelState));
        }

        [HttpPost]
        public ActionResult OnPostSave(string contentType, string base64, string fileName)
        {
            var fileContents = Convert.FromBase64String(base64);

            return File(fileContents, contentType, fileName);
        }
    }
}