Telerik Forums
UI for ASP.NET Core Forum
2 answers
811 views

Hi,

I'm trying to use the Grid inTelerik UI for ASP.NET Core with a remote datasource:

@(Html.Kendo().Grid<DashboardEntry>()
.Name("dashboardGrid")
.Columns(columns =>
{

columns.Bound(p => p.Id).Width(50);
  columns.Bound(p => p.State).Width(100); --> Enum property

})
.AutoBind(false)
.DataSource(dataSource =>
dataSource
.Ajax()
.ServerOperation(true)
.Batch(true)
.PageSize(20)
.Model(model => model.Id(p => p.Id))
.Read(read =>
read.Url("http://localhost:5000/dashboard/entries")
.Type(HttpVerbs.Get))
.Events(events => events.Error("error_handler"))
)
)

The json from server looks like this:

{

Data:[

{0: {Id: 22041, State: "Draft" },

{0: {Id: 22042, State: "Complete" }

],

Total: 2

}

Practically, the enum is actually a string, thanks to a StateConverter : JsonConverter.

But nothing is rendered/displayed in the State column.

How can I make it work?

Thanks.

Daniel Blendea
Top achievements
Rank 1
 answered on 22 Aug 2019
2 answers
138 views

If I have things set up for inline editing and I click on the add button on the toolbar and create my new item, all is well.
The problem crops up when, immediately after saving the new item, I then click on teh edit button for that item. It then correctly opens up the line to make changes,
but you hit update you're create function gets called instead of the update function. Thus I end up with duplicates.

Thanks … Ed

 


Viktor Tachev
Telerik team
 answered on 21 Aug 2019
5 answers
638 views

In scheduler control, I can create a date like Aug 11 8am.
The view model saves the date as UTC :  start = new DateTime(value.Ticks, DateTimeKind.Utc);  
On the Server , I see a -7 hour offset , like Aug 11 1am.
----------------------------------------------------------------------
This wiki says "SchedulerEvent instances are created, where start/end dates are instantiated as JavaScript Date objects. During the process the dates will be offset against the local time."

https://docs.telerik.com/kendo-ui/controls/scheduling/scheduler/timezones

When I load the data back into the  scheduer , it shows the 1am date. Why doesn't the scheduler add my 7 hour offset and show  8am ? Do i need to add kendo.stringify ?

Thanks,Peter

peter
Top achievements
Rank 1
 answered on 21 Aug 2019
2 answers
1.1K+ views

Hello,

I noticed a bug with your Tooltip that I haven't been able to find a solution for in your forums.  When using your tooltip, when I'm scrolled up to the very top of the page and mouse over the button with the tooltip, it displays perfectly fine.  However, when I scroll further down the page and then mouse over the button with the tooltip, the tooltip's position gets pushed down.  It seems to remain static where it is, and doesn't update based on where the element is that it's targeting.  I've attached a couple screenshots to show what I mean by this, and the arrows in each screenshot show what element I'm hovering over to display the tooltip.  The tooltip just displays in the wrong position if I scroll a little bit down the page.  If anyone can help me with the solution to this, please let me know.  Here's my code for the tooltip below:

@(Html.Kendo().Tooltip()
 .For("#denyCredit")
 .Position(TooltipPosition.Bottom)
 .Content("Denied Credit - Follow Up with Vendor using Interrogation Report"))
Petar
Telerik team
 answered on 20 Aug 2019
3 answers
116 views
The data returned by the API is not displayed in the list, and there is no data displayed
Alex Hajigeorgieva
Telerik team
 answered on 19 Aug 2019
5 answers
966 views

Hello,

we are using a kendo-combobox in our razor-pages application as a search-box. I want to highlight the allready entered text within the results.

For that I need to get the currently entered Input-Value from the Combobox.
But - $('\#customerComboBox').val() just returns the currently SELECTED Item in the Combobox.
(And nothing when no entry is selected)

How can I access the currently entered Input-Text from the <kendo-combobox ...> before the user selects an Item?
(This works within a <kendo-autocomplete ...> -Control)

 

<kendo-datasource name="dataSourceCustomer" server-filtering="true">
<transport>
        <read url="/pages/Custom/?handler=CustomerRead" datatype="json" type="POST" />
    </transport>
</kendo-datasource>
<kendo-combobox name="CustomerComboBox"
    datasource-id="dataSourceCustomer"
    datatextfield="Text"
    datavaluefield="Value"
    filter="FilterType.Contains"
    highlight-first="true"
    template="#=Text # | #=console.log($('\#CustomerComboBox').val()) #"
    >
</kendo-combobox>

 

Thanks in advance and best regards,

Lars

Eyup
Telerik team
 answered on 15 Aug 2019
2 answers
113 views

Hi All

Normally use Telerik with my Xamarin or WPF project, but now have been asked to do a Web front end, which is no problem. I am try to brand the site to my customers own colours etc, so a bit of CSS is required.

While, I'm getting there changing the background, hover colours etc, i'm struggling to find some the the items required for the grid control and a few others.

Is there a definative list of CSS for the Telerik controls e.g k-header is the grid header etc? If not what tools do you guys use for CSS discovery and branding?

Any help appreciated.

 

Thanks

Andy

Nikolay
Telerik team
 answered on 14 Aug 2019
3 answers
142 views

Hi,
I am having an issue with the ASP.Net Core DropdownList with IE 11.  I have done a search and found a few suggested fixes, none seem to resolve my issue.

The scenario is that I have one dropdownlist that on its change event is to cause another dropdownlist to populate with related data.  It is a parent (Category) to child (Subcategory) relationship. 

The issue is that on the change event of the parent dropdownlist the child is not being refresh as expected.  If any new subcategories have been added since the last time the browser was opened, they do not show.  Sometimes even closing the browser and reopening it does not refresh the data.  I believe it is a caching issue related to IE as it works fine in Chrome.  I have followed the suggested fixes below.  They do not resolve my issue in a satisfactory way.

Solution one suggests using the inherit cascading functionality of the dropdownlist.  This does not work. In the code sample you will see that I am using a function within the .Data() to pass the parent category id.  I cannot seem to get that to work with passing the antiforgerytoken as well. 

https://www.telerik.com/forums/dropdownlist-datasource-read-and-refresh-the-parameters-

Solution two suggests to add “.Type(HttpVerbs.Post)” to the read action of the dropdownlists.  This does work if I remove our AntiForgeryToken protection.  The problem with this solution is that we cannot remove the antiforgerytoken for any post action even if the result is not a change to data.

https://stackoverflow.com/questions/26612828/issue-updating-kendo-dropdownlist-with-internet-explorer

Is there any other solution to my issue?  IE 11 is the official browser the company supports and as such I need it to work with IE 11.

In this first example I am using the cascading functionality with trying to pass the antiforgerytoken within the getCategoryId function.

function onCategoryChange() {       
    $("#SubCategoryId").data("kendoDropDownList").dataSource.read();
}
 
function getCategoryId() {
    var categoryId = $("#CategoryId").data("kendoDropDownList").value();       
    var id = categoryId;
    dict = new Object();
    dict['parentId'] = id;
    return { args: dict, "__RequestVerificationToken": $('input[name=__RequestVerificationToken]').val() };
}

 

@(Html.Kendo().DropDownListFor(m => m.CategoryId)
    .HtmlAttributes(new { @class = "input-category" })
    .DataTextField("Description")
    .DataValueField("ServiceCategoryId")
    .Events(e => e.Change("onCategoryChange"))
    .DataSource(source => {
        source.Read(read => {
            read.Action("ActionSelectList", "ServiceRequest", new { listModel = "category" }).Type(HttpVerbs.Post).Data("sendAntiForgery");
            });
        })                  
)
 
@(Html.Kendo().DropDownListFor(m => m.SubCategoryId)
    .HtmlAttributes(new { @class = "input-category" })
    .ValuePrimitive(true)
    .DataTextField("Description")
    .DataValueField("ServiceCategoryId")
    .NoDataTemplate("NO SUBCATEGORY")
    .DataSource(source => {
        source.ServerFiltering(true);
        source.Read(read => {
            read.Action("ActionSelectList", "ServiceRequest", new { listModel = "subcategory" }).Data("getCategoryId");
        });
    })
    .Enable(false)
    .AutoBind(false)
    .CascadeFrom("CategoryId")
)

 

In this second example is am using the “.Type(HttpVerbs.Post)" solution with antiforgerytoken protection turned off.  The onCategoryChange function and the parent categoryId dropdownlist are the same as the first.  This works but is not a real solution since I have to turn of antiforgerytoken.

function getCategoryId() {
    var categoryId = $("#CategoryId").data("kendoDropDownList").value();       
    var id = categoryId;
    dict = new Object();
    dict['parentId'] = id;
    return { args: dict };
}

 

@(Html.Kendo().DropDownListFor(m => m.SubCategoryId)
    .HtmlAttributes(new { @class = "input-category" })
    .ValuePrimitive(true)
    .DataTextField("Description")
    .DataValueField("ServiceCategoryId")
    .NoDataTemplate("NO SUBCATEGORY")
    .DataSource(source =>
    {
        source.ServerFiltering(true);
        source.Read(read =>
        {
                read.Action("ActionSelectList", "ServiceRequest", new { listModel = "subcategory" }).Data("getCategoryId").Type(HttpVerbs.Post);
        });
    })
    .AutoBind(false)
)

 

Thank you for any help you can provide.

Rick

 

 

Rick
Top achievements
Rank 1
 answered on 13 Aug 2019
3 answers
706 views

what is the difference between the NuGet package Kendo.for.AspNet.Core vs. Telerik.UI.for.AspNet.Core ?
Under what situation to use one versus the other ?

I downloaded both from Visual Studio NuGet into my project then noticed I get a compilation warning error about the PackageReference and Version.

Nikolay
Telerik team
 answered on 12 Aug 2019
1 answer
144 views

Hi Telerik experts,

 

Could you educate me add a logo picture on the top menu, like this picture showed.  Thanks a lot!

 

 

Ivan Danchev
Telerik team
 answered on 09 Aug 2019
Narrow your results
Selected tags
Tags
+? more
Top users last month
Jay
Top achievements
Rank 3
Bronze
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Bronze
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?