Questions on Kendo UI for jQuery Forum

1 answer

216 views

Server Side Filtering

Currently the filtering keys look like this:

[4]: "filter[filters][0][field]"

[5]: "filter[filters][0][operator]"

[6]: "filter[filters][0][value]"

[7]: "filter[filters][1][logic]"

[8]: "filter[filters][1][filters][0][field]"

[9]: "filter[filters][1][filters][0][operator]"

[10]: "filter[filters][1][filters][0][value]"

[11]: "filter[filters][1][filters][1][field]"

[12]: "filter[filters][1][filters][1][operator]"

[13]: "filter[filters][1][filters][1][value]"

[14]: "filter[logic]"

This creates all kinds of headaches trying to normalize this.

I notice you do not add the [filters][0] if there is only one filter for the column. It would be really nice if you always used the same syntax like:

[4]: "filter[filters][0][filters][0][field]"

[5]: "filter[filters][0][filters][0][operator]"

[6]: "filter[filters][0][filters][0][value]"

[7]: "filter[filters][1][logic]"

[8]: "filter[filters][1][filters][0][field]"

[9]: "filter[filters][1][filters][0][operator]"

[10]: "filter[filters][1][filters][0][value]"

[11]: "filter[filters][1][filters][1][field]"

[12]: "filter[filters][1][filters][1][operator]"

[13]: "filter[filters][1][filters][1][value]"

[14]: "filter[logic]"

This would make it much easier to parse.

Grid

answered on 07 Mar 2013

3 answers

67 views

Naming an Element for enhancing the standard Messages

Suppose you have an element like so

<input type="text" name="prsFirstName" required />

Then if the client side validation fails, the following message is shown

prsFirstName is required

I would like to give that element a name, which is understood by the end user. For example "first name". I tried by coding

<input type="text" name="prsFirstName" title="first name" required />

However, then the message is shrunken to

first name

So what do I have to do, so all standard message use the user-oriented naming for the element?

Michael G. Schneider

Validation

answered on 07 Mar 2013

3 answers

856 views

How to Modify the Labels on a KendoUI Slider Ticks?

I am using the KendoUi Slider. I'm using the following setings:

jQuery(document).ready(function () {
        jQuery("#slider").kendoSlider({
            increaseButtonTitle: "Right",
            decreaseButtonTitle: "Left",
            showButtons: false,
            min: 1,
            max: 4,
            smallStep: .2,
            largeStep: 1,
            value: <%= TotalScore %>,
            tooltip:
                {
                    enabled:false
                }  
        });

I have four large steps and I want to label each of them "P" "O" "G" "I" instead of number values. How can I do this?

Slider

answered on 07 Mar 2013

3 answers

81 views

Improving Validator Message for Step

Currently the message for "step" is ...

{0} is not valid

It should be improved to something like...

{0} must be a multiple of {1}

Michael G. Schneider

Validation

answered on 07 Mar 2013

1 answer

52 views

Newbe Kendo UI Mobile

HI,

how do i create a kendo ui mobile project in vs2010? And how do i create a package for my mobile device?

thanks
best regards
ww

General Discussions

answered on 07 Mar 2013

3 answers

115 views

DataViz not working in Icenium

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

306 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

319 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

157 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

92 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