Does Kendo support any sort of per-client throttling when it comes to SignalR?
We have a situation where there are 100s of data sources on a page attached to list views. Because these all attempt to read at once we get 414 errors and others and I suspect the easiest fix will be to prevent too many requests from happening at once.
Any ideas? I haven't been able to find a solution at the SignalR layer.
I have jQuery and kendo versions set to 2013.3.1119. Kendo Grid shows up but sort, search, selection seems to be breaking. Unfortunately, I cannot upgrade.
there is another way to include grid is using HTML table, can I accomplish using this in older versions !
what can I do with this ?
Thanks
I have a listview populated with remote data through PHP. I want to add grouping but after reading the documentation can't figure out how to do it. This is the template I'm currently using. I want to group by a field called "category_name" and display show that field as the group header. I don't need any footer.
<script type="text/x-kendo-template" id="template">
<div class='product'>
<img src='product_images/#:thumbnail_image#'>
<div ID=divProductName style='color: rgb(21,159,136); font-size: 17px; font-weight: bold'>#:product_name#</div>
<div style='font-size: 18px'>#:short_desc#</div>
</div>
</script>
This is the code from your grouping sample, which adds various classes such as "k-listview-item", "k-group-title" "k-card" which I am not using. It isn't clear to me if these classes are necessary when using grouping or how to incorporate it into my template. I would appreciate if you could modify my code to include this. Thanks.
<script type="text/x-kendo-template" id="template">
<div class="k-listview-item k-content">
<h4 class="k-group-title">#= data.value #</h4>
<div class="cards">
# for (var i = 0; i < data.items.length; i++) { #
<div class="k-card" style="width: 15em; margin:2%">
<img class="k-card-image" src="#=destinationURL(data.items[i].ImageUrl)#" />
<div class="k-card-body">
<h4 class="k-card-title">#= data.items[i].Title #</h4>
<h5 class="k-card-subtitle">#= data.items[i].Description #</h5>
</div>
</div>
# } #
</div>
<h5 class="k-group-footer"> #=data.items.length# Destinations in #= data.value #</h5>
</div>
</script>
I'm having a problem getting an MVC ListView to initially load via the model and then page using Ajax. I've configured a grid to do this without issues but the ListView datasource doesn't seem to support Ajax, although the documentation suggests it does?
https://docs.telerik.com/aspnet-mvc/html-helpers/data-management/listview/binding
I initiate the list with 10 records and then specify the total amount of records in the datasource. I then expect to see 10 records on the first page and to have the ability to click on the other pages. When I click on a page an Ajax call should be made to retrieve the relevant records. However all I see is the 10 records from the model and no paging.
Here is my ListView:
@(Html.Kendo().ListView<Feed>(Model)
.Name("FeedList")
.TagName("ul")
//.BindTo(Model)
.ClientTemplateId("feed-detail-list-template")
.DataSource(
source => source
//.Ajax() I get an error that there is no definition for Ajax if I uncomment this
.ServerOperation(false)
.Model(model => model.Id(p => p))
.Read(
read =>
{
read.Action(action, controller, new { id = parentId });
}
)
.PageSize(10)
.Total(totalRecords) // appears to be ignore
.Events(events => events
.Error("onDataSourceError")
)
)
.Pageable()
)
Any help appreciated.
Hello.
We have just updated kendo to it's lastest version and one of our components is completely broken due to this container.
Is there any posibility to prevent the generation of this container ?
I've searched about this and found this post about the ContentElement but if we add this the source data-bind is not working at all.
GitHub issue: https://github.com/telerik/kendo-ui-core/issues/5772
Not working example:
<
div
id
=
"sortableDropArea"
data-role
=
"listview"
data-template
=
"draggableElement"
data-bind
=
"source: listOfItems, contentElement: ' '"
></
div
>
Example of our current code:
Main container:
<
div
class
=
""
>
<
div
id
=
"sortableDropArea"
data-role
=
"listview"
data-template
=
"draggableElement"
data-bind
=
"source: listOfItems"
></
div
>
</
div
>
Child template:
<
script
type
=
"text/x-kendo-tmpl"
id
=
"draggableElement"
>
<
li
class
=
"list-group-item"
fieldId
=
"#: items.itemId#"
>
<
span
class
=
'itemNameText'
>
#: items.itemName#
</
span
>
</
li
>
</
script
>
In the sample code for the listview the following CSS appears. I've adapted the sample code for my app but I don't understand the purpose of this CSS. When I remove it the pager doesn't display properly. So I'd appreciate an explanation.
.k
-listview:after {
content: ".";
display: block;
height: 0;
clear: both;
v
isibility: hidden
}
Hello!
We need a ListView that has both the grouping (type = group) functionality of the MobileListView, and the ability to use key controls to navigate and select through the list like the normal ListView. Is there any way to accomplish this with either MobileListView or ListView?
Thanks!