Questions on Kendo UI for jQuery Forum

3 answers

124 views

Is there a trick to making this work in Icenium?

I was able to create a file called chart.html. I created all the JS and Styles folders. I'm able to use Chrome to view the pie chart in the browser, but when I put the html, JS, and CSS in Icenium, it does not work. I know the reference to those paths are correct.

Is there a trick to getting it to work in iDevice?

Charts

answered on 07 Mar 2013

4 answers

315 views

StockChart Navigator current selection range

HI,

I am working on Stock chart, and i am trying to get current selected range from and to values in date format. I used selectEnd event to get those values. But i am getting from and to as number between 0 and 154. this is example response data from selectEnd event.

{
form 92
sender object
to 138 }

I don't know what these numbers are representing, i am trying to get from and to as dates from last 3 days. Please help me in finding current selected start and end date, it is very important and urgent requirement to me.

thank you

Charts

answered on 07 Mar 2013

1 answer

342 views

kendo ui upload layout modification

Hi,

How i can put modify the browse button sitting side by side with the submit button (same line). How i can change the browse button color, i tried but only work in IE 7. the colour not change in IE 8 or above.

I use the code from sample:

<form method="post" action='@Url.Action("Submit")' style="width:45%">
    <div>
        @(Html.Kendo().Upload()
            .Name("files")
        )
        <p>
            <input type="submit" value="Submit" class="k-button" />
        </p>
    </div>
</form>


Thank you

Please advise

Upload

answered on 07 Mar 2013

7 answers

165 views

"Resetting" endlessScroll after PullToRefresh

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

};

}

});

ListView (Mobile)

answered on 07 Mar 2013

1 answer

104 views

Kendo Mobile and ASP.Net MVC 4

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>


<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)?

General Discussions

answered on 07 Mar 2013

1 answer

551 views

Multi-Select Select All

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?

MultiSelect

answered on 07 Mar 2013

3 answers

95 views

Exception when calling "render" on a View

If the view does not start with an opening bracket, an exception is thrown. For example try the following.

var view = new kendo.View(" <p>hey ho</p>");

view.render("#app");

Please regard the space character in front of the "p" element.

Michael G. Schneider

SPA

answered on 07 Mar 2013

4 answers

810 views

Dynamically created Kendo Window is undefined

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

Window

answered on 07 Mar 2013

1 answer

101 views

Keno not recognized in the view

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

General Discussions

answered on 06 Mar 2013

4 answers

476 views

KendoUI Grid with Remote Data Source Not Working

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....
});

Grid

answered on 06 Mar 2013