Questions on Kendo UI for jQuery Forum

3 answers

329 views

How to plot line chart start from 1000 value

Hi Team,

I want my line chart to start ploting from 1000 value default. Please see attached image.
No matter what is comming from database.

Urgent response will be appreciated.

Thanks,
Mohsin

Charts

answered on 03 Jul 2012

0 answers

95 views

solution, no problem: connect kendo widget to wcf webservice

Hi

I have been browsing the web for two days to find a solution for this issue, including this forum, and I could not find the solution.

I have built a WCF Restful Service based on an example, which returned a "valid json response", but not.

The first attempt was to serialize an object and then return it.
The result was a string that looked like json but which was in fact a string containing the json information:
"{jasonstring}"
This obviously did not work.
The way to detect it is to inspect the client-page in the browser, and look in the network tab, where the json output is printed.

The second attempt was to get rid of the outer-quotes.
In several discussions on the web it is recommended to serialize the object, and to stream it (defining the object as void) instead of returning it as a string. The quotes are gone, and json/validation sites do qualify the output as valid.
Nevertheless my Kendo grid did not populate.

The third attempt was to get rid of the streaming, based upon a discussion on stackoverflow (http://stackoverflow.com/questions/2086666/wcf-how-do-i-return-clean-json).
The advice in this discussion is to return the object as such, without any manipulation.
As long as the output of the webmethod is defined as json, ASP.NET will create a json string from the object,
And this worked.

example from the thread:

[WebInvoke(Method = "GET",
           RequestFormat = WebMessageFormat.Json,
           ResponseFormat = WebMessageFormat.Json,
           UriTemplate = "players")]

public List<Person> GetPlayers()
{
    List<Person> players = new List<Person>();
    players.Add(new  Person { FirstName="Peyton", LastName="Manning", Age=35 } );
    players.Add(new  Person { FirstName="Drew", LastName="Brees", Age=31 } );
    players.Add(new  Person { FirstName="Brett", LastName="Favre", Age=58 } );

    return players;
}

I hope that this thread will help all of you to find your solution earlier than I did.

KR

Henk Jelt

General Discussions

asked on 03 Jul 2012

1 answer

303 views

Multi-select UI widget

I wonder if there is any current UI control similar to these:

http://harvesthq.github.com/chosen/

http://ivaynberg.github.com/select2/

I really want to limit the number of jquery plugins and libraries that I use.

BOb

General Discussions

answered on 03 Jul 2012

1 answer

651 views

Format phone number in cell

Hi I'm trying to format a 10 digit phone number via the template property in the column definition. The following does not work, but shows what I am after:

{
field: "phone",
title: "Phone Number",
template: '#= kendo.toString(phone,"(###) ###-####") #'
}

Any suggestions. I also tried escaping the hash symbols with \\, but that did not help.

Thanks in advance,

Jonathan

Grid

answered on 03 Jul 2012

6 answers

435 views

Loading Message not showing when ListView fires on data-show of View

I have a ListView in a Mobile View that wires to an ASMX datasource. Works great and shows me a nice loading message while the data is retrieved.

I then Added a main view with a menu of options, and moved the init of the ListView to the data-show event on the Mobile View it was moved to. Now I do not get a Loading message while the data is retrieved for my ListView

Is this normal behavior?

<%@ Page Title="" Language="vb" AutoEventWireup="false" MasterPageFile="~/Default.Master"

CodeBehind="default.aspx.vb" Inherits="Mobile._default1" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">

<div data-role="view" data-title="Mobile Home" id="home" data-transition="slide">

<header data-role="header">

<div data-role="navbar">

<span data-role="view-title"></span>

</div>

</header>

<ul data-role="listview" data-style="inset">

<li><a href="#myDatabase">My Database</a></li>

<li><a>My Favorites</a></li>

<li><a>My To-Do's</a></li>

<li><a>My Proposals</a></li>

<li><a>My Alerts</a></li>

</ul>

</div>

<div data-role="view" data-transition="overlay" data-title="My Database" id="myDatabase"

data-show="getMyDatabase" data-layout="mobile-view">

<ul id="myDatabaseList" data-style="inset" data-role="listview">

</ul>

</div>

<div data-role="layout" data-id="mobile-view">

<header data-role="header">

<div data-role="navbar">

<a class="nav-button" data-align="left" data-role="backbutton">Back</a> <span data-role="view-title">

</span><a data-align="right" data-role="button" class="nav-button" href="#home">Home</a>

</div>

</header>

<footer data-role="footer">

<div data-role="tabstrip">

<a data-icon="contacts">My Database</a> <a data-icon="recents">To-Do</a> <a data-icon="bookmarks">

Proposals</a> <a data-icon="about">Alerts</a>

</div>

</footer>

</div>

<script id="myDatabaseTemplate" type="text/x-kendo-template">

<div style="font-weight:bold;font-size:22px">#= Name #</div>

<div style="font-weight:normal;font-size:15px">(ID: #= ID #)</div>

</script>

<script type="text/javascript">

var app = new kendo.mobile.Application();

/////// Handle My Database View

function getMyDatabase() {

$("#myDatabaseList").kendoMobileListView({

dataSource: dataSourceMyDatabase,

template: $("#myDatabaseTemplate").text(),

pullToRefresh: true

});

}

var dataSourceMyDatabase = new kendo.data.DataSource({

transport: {

read: {

contentType: "application/json; charset=utf-8",

url: "http://localhost/MyDatabase.asmx/Test",

dataType: "json",

data: { UserID: "JS" }

},

//data: { UserID: "JS" },

parameterMap: function (options) {

return kendo.stringify(options); // kendo.stringify serializes to JSON string

}

},

schema: {

data: "d.MyDatabase"

}

});

///////

</script>

</asp:Content>

I may have broken something, because the ListView no longer scrolls and the PullToRefresh doesn't work (in Chrome) when fired this way

ListView (Mobile)

answered on 03 Jul 2012

0 answers

134 views

Modal Window (still able to tab to input fields)

The title says everything for the most part.

I opened a modal window and then was able to tab to the input fields on the form and make changes. I was able to do this in Chrome and IE9. Is there something I can do to stop this behavior?

Side Note:

I just started working with Kendo UI and it has be a joy. Great Work!!!

Window

asked on 02 Jul 2012

4 answers

206 views

Maximize dataViz chart in mobile view

Hi,
it's probably very easy, but I can't get it working: How can I maximize a Dataviz chart inside a mobile view, so it is also responsive to change from vertical to horizontal look?

General Discussions

answered on 02 Jul 2012

6 answers

137 views

DataViz and Mobile Integration

Kendo UI,

Can the DataViz and Mobile controls be used together so that I can generate charts on say an iOS device?

Regards,

Jason

General Discussions

answered on 02 Jul 2012

0 answers

191 views

Line numbers

I'm trying to implement a way to keep track of line numbers in the editor. So far I have gotten

First line here.<br data-line="" />
Additionally for the paragraph tags I have
<p data-line="">Second line here</p>

I've been looking for a consistent way to get either a count of all lines in the document through the Range Object or some other way to get a line number count. Simply counting the <br/> or <p> elements might work but I haven't been able to get this either.
Thanks for any ideas.

Editor

asked on 02 Jul 2012

0 answers

103 views

Add Change Event function to autocomplete in edit popup

How do I add a change event function to an autocomplete that is in a popup editor template. I do not want to use a combobox or dropdownbox because there are too many values, but I want to bind the id value in the data model, not the text field.

AutoComplete

asked on 02 Jul 2012