or
4 answers
288 views
If you have a ListView bound to a DataSource with endless scrolling enabled, once you reach the end of the DataSource, you cannot get it to load additional pages of data again. This becomes an issue when you change the data in your ListView by re-querying the data source (through the "filter" and/or "query" functions on the DataSource object).
In our specific scenario we have 2 views. The first view, "View A," contains inputs. The second view, "View B," contains the ListView that is bound to a DataSource and has endless scrolling enabled. When the user enters data in the inputs on View A and clicks the submit button, we call the query() function on the DataSource passing the data from the inputs and navigate to View B. The user can then click Back, change the search parameters on View A, hit Submit again, and view the results of the new parameters on the ListView in View B.
This works great, as long as the user never scrolls to the end of the data in the DataSource. Once they do this once, they can never scroll beyond the first page of data again without restarting the app.
Is this just a limitation of the ListView and endless scrolling, or are we missing something?
Thanks,
Jonathan Marston
In our specific scenario we have 2 views. The first view, "View A," contains inputs. The second view, "View B," contains the ListView that is bound to a DataSource and has endless scrolling enabled. When the user enters data in the inputs on View A and clicks the submit button, we call the query() function on the DataSource passing the data from the inputs and navigate to View B. The user can then click Back, change the search parameters on View A, hit Submit again, and view the results of the new parameters on the ListView in View B.
This works great, as long as the user never scrolls to the end of the data in the DataSource. Once they do this once, they can never scroll beyond the first page of data again without restarting the app.
Is this just a limitation of the ListView and endless scrolling, or are we missing something?
Thanks,
Jonathan Marston
Petyo
Telerik team
answered
on
16 Oct 2013
1 answer
63 views
Hello,
I needed to create a condition in the template for View.
I attach an example: http://jsfiddle.net/AH7z7/
I know that in this case it could be addressed in a different way, but my view is more complex.
thank you
I needed to create a condition in the template for View.
I attach an example: http://jsfiddle.net/AH7z7/
I know that in this case it could be addressed in a different way, but my view is more complex.
thank you
Petyo
Telerik team
answered
on
16 Oct 2013
1 answer
64 views
Kendo Team -
We are using Kendo Donut Chart, it breaks or UI distorts in case of specific set of values, ratio is [9,3,2]. See attached screenshot.
We are using Kendo Donut Chart, it breaks or UI distorts in case of specific set of values, ratio is [9,3,2]. See attached screenshot.
Hristo Germanov
Telerik team
answered
on
16 Oct 2013
2 answers
117 views
Hi
I am passing data to a kendoUI gird and the data doesn't display.
I'm new to this and am probably making a basic mistake.
My controller code is:
public ActionResult GetDataFromStream(string streamName)
{
string temp = OpenHttpGETConnection(streamName);
string[] split = temp.Split(new Char [] {'\r'});
//var myList = new List<dynamic>();
List<DisplayData> myList = new List<DisplayData>();
foreach (string s in split)
{
if(s!=null){
string[] strTemp = new string[2];
strTemp = s.Split(new Char[] { '\t' });
myList.Add
(new DisplayData
{
key = strTamp[0]
value = strTemp[1]
});
}
}
return Json(myList);
}
My index.cshtml code is:
function functionOne(streamName) {
console.log("@Url.Action("GetDataFromStream", "Index")" + "?streamName=" + encodeURIComponent(streamName));
$.ajax({
url: "@Url.Action("GetDataFromStream", "Index")" + "?streamName=" + encodeURIComponent(streamName),
success: OnSuccess,
});
}
function OnSuccess(data) {
//document.getElementById('dataTable').style.visibility = "visible";
myData = data;
$('#dataTable').kendoGrid({
dataSource: { transport: { read: { url: '@Url.Action("GetDataFromStream", "Home")', type: 'POST' } } },
scrollable: true,
toolbar: 'Metrics',
});
The grid get displayed but there is no data in it.
When I try to display myData[0][0], that displays fine.
But I want to display all the rows in data.
Thanks,
Kinnary
I am passing data to a kendoUI gird and the data doesn't display.
I'm new to this and am probably making a basic mistake.
My controller code is:
public ActionResult GetDataFromStream(string streamName)
{
string temp = OpenHttpGETConnection(streamName);
string[] split = temp.Split(new Char [] {'\r'});
//var myList = new List<dynamic>();
List<DisplayData> myList = new List<DisplayData>();
foreach (string s in split)
{
if(s!=null){
string[] strTemp = new string[2];
strTemp = s.Split(new Char[] { '\t' });
myList.Add
(new DisplayData
{
key = strTamp[0]
value = strTemp[1]
});
}
}
return Json(myList);
}
My index.cshtml code is:
function functionOne(streamName) {
console.log("@Url.Action("GetDataFromStream", "Index")" + "?streamName=" + encodeURIComponent(streamName));
$.ajax({
url: "@Url.Action("GetDataFromStream", "Index")" + "?streamName=" + encodeURIComponent(streamName),
success: OnSuccess,
});
}
function OnSuccess(data) {
//document.getElementById('dataTable').style.visibility = "visible";
myData = data;
$('#dataTable').kendoGrid({
dataSource: { transport: { read: { url: '@Url.Action("GetDataFromStream", "Home")', type: 'POST' } } },
scrollable: true,
toolbar: 'Metrics',
});
The grid get displayed but there is no data in it.
When I try to display myData[0][0], that displays fine.
But I want to display all the rows in data.
Thanks,
Kinnary
Jayesh Goyani
Top achievements
Rank 2
Rank 2
answered
on
16 Oct 2013
1 answer
195 views
I am using MVC Upload template to style my own file list and would like to add download button to the template and show it only when file successfully uploaded. Is it possible to add custom html elements to upload template and manipulate them? Could you show how to do that?
Dimiter Madjarov
Telerik team
answered
on
16 Oct 2013
3 answers
149 views
I have found that Error event is fired in our application while using Kendo Upload(MVC). Even in your demo using IE or Chrome we get Error event at the end of upload at http://demos.kendoui.com/web/upload/events.html
Dimiter Madjarov
Telerik team
answered
on
16 Oct 2013
2 answers
41 views
Hello,
I have a stacked bar chart, basically the same as your Demo - Stacked Bars (Olympic Medals won by USA). In my application I need to perform actions when a user clicks on the ChartCategoryAxisItem label - a year, in this case.
Having had a look at the API doc I haven't found anything suitable - is there a handle that I can hook into to capture that click?
Thankyou
I have a stacked bar chart, basically the same as your Demo - Stacked Bars (Olympic Medals won by USA). In my application I need to perform actions when a user clicks on the ChartCategoryAxisItem label - a year, in this case.
Having had a look at the API doc I haven't found anything suitable - is there a handle that I can hook into to capture that click?
Thankyou
Kate | D-Flo
Top achievements
Rank 1
Rank 1
answered
on
16 Oct 2013
1 answer
116 views
Hello,
I found an issue on top resize of event, at 6/09 12:30 PM, on IE 10.
http://demos.kendoui.com/web/scheduler/events.html
Steps to reproduce the issue:
1. Open the above link.
2. Move event "Call Charlie about project" at 6/09 12:30 PM.
3. Reload the page.
4. Select top resize of event at 6/09 12:30 PM (Call Charlie about project).
5. Issue appears randomly after page load.
Thanks,
Simon Andre
I found an issue on top resize of event, at 6/09 12:30 PM, on IE 10.
http://demos.kendoui.com/web/scheduler/events.html
Steps to reproduce the issue:
1. Open the above link.
2. Move event "Call Charlie about project" at 6/09 12:30 PM.
3. Reload the page.
4. Select top resize of event at 6/09 12:30 PM (Call Charlie about project).
5. Issue appears randomly after page load.
Thanks,
Simon Andre
Vladimir Iliev
Telerik team
answered
on
16 Oct 2013
3 answers
237 views
I've got a custom font so that I can have custom icons in the tabstrip. When I use my font, the icon shows up but it's not using the color specified in the css.
It shows up black. Even if I set the color directly in the debugger, no color is applied.
<See Black.png attachment>
If I use the icon in a view, it shows up with correct color:
<See Orange.png attachment>
I assume there is some type of mask being applied but I can't figure out why it's making it black. I figured at the very least, it would be the same color as the other native icons.
Note that if I change the color of all the icons (with the km-icon css class), my custom icons do not change.
Note also: When I debug, I see that css is telling me that the color should be orange:
css:
html:
It shows up black. Even if I set the color directly in the debugger, no color is applied.
<See Black.png attachment>
If I use the icon in a view, it shows up with correct color:
<See Orange.png attachment>
I assume there is some type of mask being applied but I can't figure out why it's making it black. I figured at the very least, it would be the same color as the other native icons.
Note that if I change the color of all the icons (with the km-icon css class), my custom icons do not change.
Note also: When I debug, I see that css is telling me that the color should be orange:
css:
.km-ios6 .km-tabstrip .km-icon.km-icon-trophies{font-size: 22px;margin-bottom: -7px;color: orange !important;}html:
<div data-role="footer"> <div data-role="tabstrip"> <a href="#tabstrip-home" data-icon="home">Home</a> <a href="#tabstrip-journal" data-icon="icon-trophies">Journal</a> </div> </div>
Kamen Bundev
Telerik team
answered
on
16 Oct 2013
1 answer
289 views
Greetings,
In my application I have several optional date fields.
This is Great: 1/1/2001 (or any other valid date)
This is fine too since it's not required: "" (nothing)
This is not ok and is Invalid: "asdfasdfasdf"
When data binding (I use knockout with kendoUI), and when listening to the change event, there seems to be no difference between empty text, and an invalid date that has been entered. How can I differenciate between the two?
I would like to display validation errors in the case of invalid data, or even just clear the date out when focus is lost would work as well.
I found a similar post which directed another individual here: http://jsbin.com/ufimom/640/edit However that is using jquery validation which I'm not interested in bringing that in to solve this issue.
Is there something obvious I'm missing here? If it's relevant, I am using knockout and knockout-kendo libraries.
Thanks!
Shaun
In my application I have several optional date fields.
This is Great: 1/1/2001 (or any other valid date)
This is fine too since it's not required: "" (nothing)
This is not ok and is Invalid: "asdfasdfasdf"
When data binding (I use knockout with kendoUI), and when listening to the change event, there seems to be no difference between empty text, and an invalid date that has been entered. How can I differenciate between the two?
I would like to display validation errors in the case of invalid data, or even just clear the date out when focus is lost would work as well.
I found a similar post which directed another individual here: http://jsbin.com/ufimom/640/edit However that is using jquery validation which I'm not interested in bringing that in to solve this issue.
Is there something obvious I'm missing here? If it's relevant, I am using knockout and knockout-kendo libraries.
Thanks!
Shaun
Alexander Popov
Telerik team
answered
on
16 Oct 2013
