or
7 answers
199 views
Using pullToRefresh together with endlessScroll is causing the following headache:
- User uses endlessScroll, new data is loaded to the listView
- User refreshes by pullToRefresh
(and this is set to only load the first five entries from the datasource) - Now when attempting a new endlessScroll, the endlessScroll continues from where it was before (i.e. from entry 10 (skip=10)), instead of "restarting" (which would be entry 5 (skip=5)).
So how can I "reset" the endlessScroll when the user does a pullToRefresh?
$("#custom-listview2").kendoMobileListView({ dataSource: datakilde_nyheter, template: $("#customListViewTemplate2").html(), endlessScroll: true, pullToRefresh: true, pullParameters: function(item) { //pass first data item of the ListView return { since_id: item.id_str, page: 1, skip: 0 }; }});
Alexander Valchev
Telerik team
answered
on
07 Mar 2013
1 answer
137 views
Hi,
I have some basic doubts related to kendo mobile in ASP.Net MVC 4. I know the way of rendering the master page in kendo mobile and MVC are different.
Here is my sample code. Is this a correct way?
_Layout.Mobile.cshtml
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>@ViewBag.Title - My ASP.NET MVC Application</title>
<meta name="viewport" content="width=device-width" />
<link href="~/Content/kendo.mobile.all.min.css" rel="stylesheet" />
<script src="~/Scripts/jquery-1.7.1.js"></script>
<script src="~/Scripts/kendo.all.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
var app = new kendo.mobile.Application(document.body,
{
transition: 'slide'
});
});
</script>
</head>
<body>
<div data-role="view" data-layout="default">
@RenderBody()
</div>
<section data-role="layout" data-id="default">
<header data-role="header">
<div data-role="navbar">My App</div>
</header>
<!--View content will render here-->
<footer data-role="footer">
<div data-role="tabstrip">
<a data-icon="home" href="~/Home/Index">Home</a>
<a data-icon="about" href="~/Home/About">About</a>
</div>
</footer>
</section>
</body>
</html>
Index.Mobile.cshtml
@{
ViewBag.Title = "Home Page";
// This is done for avoiding re-rendering of the master page.. But still Request.IsAjaxRequest() always false
Layout = Request.IsAjaxRequest() ? null : "~/Views/Shared/_Layout.cshtml" //It will take mobile layout based on the request
}
Mobile Version System
<br />
Refresh Time : @(DateTime.Now.ToString())
@{
ViewBag.Title = "About";
}
About.Mobile.cshtml
@{
ViewBag.Title = "Home Page";
// This is done for avoiding re-rendering of the master page.. But still Request.IsAjaxRequest() always false
Layout = Request.IsAjaxRequest() ? null : "~/Views/Shared/_Layout.cshtml" //It will take mobile layout based on the request
}
About in Mobile
Issues : -
I didn't found much information related to Kendo UI mobile and MVC 4 implementation.
Is this the correct way of implementation of Kendo mobile in MVC 4. Is there anything needs to be changed in Layout page (_Layout.Mobile.cshtml)?
I have some basic doubts related to kendo mobile in ASP.Net MVC 4. I know the way of rendering the master page in kendo mobile and MVC are different.
Here is my sample code. Is this a correct way?
_Layout.Mobile.cshtml
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>@ViewBag.Title - My ASP.NET MVC Application</title>
<meta name="viewport" content="width=device-width" />
<link href="~/Content/kendo.mobile.all.min.css" rel="stylesheet" />
<script src="~/Scripts/jquery-1.7.1.js"></script>
<script src="~/Scripts/kendo.all.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
var app = new kendo.mobile.Application(document.body,
{
transition: 'slide'
});
});
</script>
</head>
<body>
<div data-role="view" data-layout="default">
@RenderBody()
</div>
<section data-role="layout" data-id="default">
<header data-role="header">
<div data-role="navbar">My App</div>
</header>
<!--View content will render here-->
<footer data-role="footer">
<div data-role="tabstrip">
<a data-icon="home" href="~/Home/Index">Home</a>
<a data-icon="about" href="~/Home/About">About</a>
</div>
</footer>
</section>
</body>
</html>
Index.Mobile.cshtml
ViewBag.Title = "Home Page";
// This is done for avoiding re-rendering of the master page.. But still Request.IsAjaxRequest() always false
Layout = Request.IsAjaxRequest() ? null : "~/Views/Shared/_Layout.cshtml" //It will take mobile layout based on the request
}
Mobile Version System
<br />
Refresh Time : @(DateTime.Now.ToString())
ViewBag.Title = "About";
}
About.Mobile.cshtml
@{
ViewBag.Title = "Home Page";
// This is done for avoiding re-rendering of the master page.. But still Request.IsAjaxRequest() always false
Layout = Request.IsAjaxRequest() ? null : "~/Views/Shared/_Layout.cshtml" //It will take mobile layout based on the request
}
About in Mobile
Issues : -
I didn't found much information related to Kendo UI mobile and MVC 4 implementation.
Is this the correct way of implementation of Kendo mobile in MVC 4. Is there anything needs to be changed in Layout page (_Layout.Mobile.cshtml)?
Petyo
Telerik team
answered
on
07 Mar 2013
1 answer
577 views
It seems like it should be simple to select all items in the multi-select list, is there an easy (built-in?) way to do this?
Georgi Krustev
Telerik team
answered
on
07 Mar 2013
3 answers
140 views
If the view does not start with an opening bracket, an exception is thrown. For example try the following.
Please regard the space character in front of the "p" element.
Michael G. Schneider
var view = new kendo.View(" <p>hey ho</p>");
view.render("#app");Michael G. Schneider
Petyo
Telerik team
answered
on
07 Mar 2013
4 answers
864 views
Hello,
I am trying to dynamically create a Kendo Window but the resulting object always comes back undefined for some reason. I am trying to initialize the new window using $('<div />').appendTo(document.body) as the container. The window seems to get created correctly at first - it opens and loads the remote content inside (via Ajax), however, the returned object (container.data('kendoWindow')) is always undefined. Please take a look at the following jsFiddle and inspect the debug logs in the console:
http://jsfiddle.net/obry/2sthT/2/
Thank you
I am trying to dynamically create a Kendo Window but the resulting object always comes back undefined for some reason. I am trying to initialize the new window using $('<div />').appendTo(document.body) as the container. The window seems to get created correctly at first - it opens and loads the remote content inside (via Ajax), however, the returned object (container.data('kendoWindow')) is always undefined. Please take a look at the following jsFiddle and inspect the debug logs in the console:
http://jsfiddle.net/obry/2sthT/2/
Thank you
Alex Gyoshev
Telerik team
answered
on
07 Mar 2013
1 answer
116 views
Hi,
I am using multiple mvc3 web applications in a solution. I followed the steps from the kendo documentation and i was able to work with kendo on my startup project. When i add the same steps to the other projects, i get an error on the view saying htmlhelper.kendo not found. I have added the namespace correctly to the /Views/Web.config file, included the js and css flles references on the _layout.cshtml and also added a reference to the Kendo.Mvc.dll on my projects.
Is there anything i am missing out?
Thanks,
Saran
I am using multiple mvc3 web applications in a solution. I followed the steps from the kendo documentation and i was able to work with kendo on my startup project. When i add the same steps to the other projects, i get an error on the view saying htmlhelper.kendo not found. I have added the namespace correctly to the /Views/Web.config file, included the js and css flles references on the _layout.cshtml and also added a reference to the Kendo.Mvc.dll on my projects.
Is there anything i am missing out?
Thanks,
Saran
Saran
Top achievements
Rank 1
Rank 1
answered
on
06 Mar 2013
4 answers
530 views
Hello everyone,
I copied the demo grid source for the remote data, and when I click the add button and the popup form is filled out everything looks good. If I click on the edit button or delete button the datasource is still calling the server with the create part of the transport and ignoring the update/destory. How can I get this working?
dataSource = new kendo.data.DataSource({
transport: {
read: {
url: crudServiceBaseUrl,
dataType: "jsonp"
},
update: {
url: crudServiceBaseUrl + "?action=update",
dataType: "jsonp",
type: "POST"
},
destroy: {
url: crudServiceBaseUrl + "?action=destroy",
dataType: "jsonp"
},
create: {
url: crudServiceBaseUrl + "?action=create",
dataType: "jsonp",
type: "POST"
},
parameterMap: function(options, operation) {
if (operation !== "read" && options.models) {
return {models: kendo.stringify(options.models)};
}
}
},
etc....
});
$("#grid").kendoGrid({
dataSource: dataSource,
pageable: true
etc....
});
I copied the demo grid source for the remote data, and when I click the add button and the popup form is filled out everything looks good. If I click on the edit button or delete button the datasource is still calling the server with the create part of the transport and ignoring the update/destory. How can I get this working?
dataSource = new kendo.data.DataSource({
transport: {
read: {
url: crudServiceBaseUrl,
dataType: "jsonp"
},
update: {
url: crudServiceBaseUrl + "?action=update",
dataType: "jsonp",
type: "POST"
},
destroy: {
url: crudServiceBaseUrl + "?action=destroy",
dataType: "jsonp"
},
create: {
url: crudServiceBaseUrl + "?action=create",
dataType: "jsonp",
type: "POST"
},
parameterMap: function(options, operation) {
if (operation !== "read" && options.models) {
return {models: kendo.stringify(options.models)};
}
}
},
etc....
});
$("#grid").kendoGrid({
dataSource: dataSource,
pageable: true
etc....
});
1 answer
703 views
hi.
I have implemented a message box using kendoui grid control. I want to use template to implement bold font for showing un-read message. Can anyone tell me what should i do.
I have implemented a message box using kendoui grid control. I want to use template to implement bold font for showing un-read message. Can anyone tell me what should i do.
Iliana Dyankova
Telerik team
answered
on
06 Mar 2013
3 answers
1.0K+ views
In my application, I need to be able to disable (make unedtiable) a cell based on the value of another cell in the same row.
How can I achieve this using the Kendo UI grid?
Currently, all I can figure out how to do is set the editable attribute for an entire column. But this won't work for me because I need to have some cells in that column be editable while others are not.
How can I achieve this using the Kendo UI grid?
Currently, all I can figure out how to do is set the editable attribute for an entire column. But this won't work for me because I need to have some cells in that column be editable while others are not.
Dimiter Madjarov
Telerik team
answered
on
06 Mar 2013
1 answer
164 views
I'm having a problem with the kendo Grid when I configure it for selectable: "row".
If I click around quickly on the grid, I get into a state where the currently selected row doesn't follow the cell currently being edited.
I couldn't figure out how to reproduce it reliably, but usually within 4-5 fast clicks it will happen.
The behavior occurs on Firefox, Chrome, and IE.
See the attached image.
If I click around quickly on the grid, I get into a state where the currently selected row doesn't follow the cell currently being edited.
I couldn't figure out how to reproduce it reliably, but usually within 4-5 fast clicks it will happen.
The behavior occurs on Firefox, Chrome, and IE.
See the attached image.
Petur Subev
Telerik team
answered
on
06 Mar 2013
