Questions on Kendo UI for jQuery Forum

2 answers

107 views

TypeScript definition file error in ListViewOptions interface?

Hello,

we have just updated to Kendo Mobile build 2013.1.319 and are using the TypeScript definition file provided by it. We are converting our code from the very minimal definition file we had created up until now.

We have a call to jQuery.kendoMobileListView() that looks like this:
$("#incident-list").kendoMobileListView({
template: kendo.template($("#template-incident-list").html()),
dataSource: this._dsIncidents,
style: "inset"
});

The template is defined using the pattern:

<script id="template-incident-list" type="script/x-kendo-template">
...
</script>

This generates a compiler error because the definition in kendo.mobile.d.ts reads as follows:

interface ListViewOptions {
...
template?: string;
...
}
kendoMobileListView(options: kendo.mobile.ui.ListViewOptions): JQuery;

Isn't this an error? Why can't I pass in a Kendo template in the template parameter?

The code above worked fine on the previous version. I will modify the .d.ts file to see if it still runs on the new version as well.

Thanks,
David Sykes

ListView (Mobile)

answered on 15 Apr 2013

1 answer

79 views

Mobile examples don't work with IE10 Desktop on Windows Server 2012

I've tried running the Kendo Mobile examples in IE10 and Chrome on Windows Server 2012. They work fine in Chrome, however in IE10 desktop, the formatting doesn't work at all. Doesn't Kendo Mobile work on IE10?

General Discussions

answered on 15 Apr 2013

0 answers

84 views

How to filter data when calculate the average?

I use this:
.DataSource(dataSource => dataSource
.Ajax()
.Aggregates(aggregates =>
{
aggregates.Add(p => p.UnitsInStock).Min().Max().Count();
aggregates.Add(p => p.UnitsOnOrder).Average();
aggregates.Add(p => p.ProductName).Count();
aggregates.Add(p => p.UnitPrice).Sum();
})
.Group(groups => groups.Add(p => p.UnitsInStock))
.Read(read => read.Action("Aggregates_Read", "Grid"))
Now I want to calculate the sum of UnitPrice without those price which <0 and background is not transparent（without color);I write the codes down,but it is wrong.
.DataSource(dataSource => dataSource
.Ajax()
.Aggregates(aggregates =>
{
aggregates.Add(p => p.UnitsInStock).Min().Max().Count();
aggregates.Add(p => p.UnitsOnOrder).Average();
aggregates.Add(p => p.ProductName).Count();
aggregates.Add(p => p.UnitPrice).Sum(p.UnitPrice>0&&p.background==transparent);
})
.Group(groups => groups.Add(p => p.UnitsInStock))
.Read(read => read.Action("Aggregates_Read", "Grid"))

Grid

asked on 15 Apr 2013

6 answers

830 views

Template Syntax, conditional statements

If I have a date value in my JSON, and I want to call a function on it to format it in my listview template...how do I go about that?

So if this is my template...and I wanted to format the date value...how would I go about that?

"<li>${Date}</li>"

All the samples with the # syntax are looping results

ListView

answered on 15 Apr 2013

1 answer

866 views

Disable onblur validation

hi,
I want to disable onblur validation for kendo ui textbox control .How can i achieve it. As per suggestion from kendo forum . I have tried using
$("#div").kendoValidator({ validateOnBlur: false })
but it is not working .

Validation

answered on 15 Apr 2013

3 answers

568 views

Upload Control In Kendo Grid Batch Edit

Hi All,

I want to use Upload Control (Editor Template) Inside kendo Grid with Batch Editing .

How Should I do ?

Can any one help me

Thanks,

Grid

answered on 15 Apr 2013

1 answer

145 views

Validation for start year and end year

Hi,

I am having two drop downs(start year and end year) which consists of years.
I want to validate the end year such that end year should always greater
than start year.If the end is less than start year then i want to display a validation
message next to the second drop down

Is it possible in kendo ui.provide me samples if possible

Thanks,
Bhavani

Validation

answered on 15 Apr 2013

1 answer

76 views

How to stop the tabbar and navigation bars from scrolling off screen...

Hello,

I would like the tab bar and navigation bar to never move / scroll.
But some views in Kendo mobile (usually empty ones) allow the entire App to scroll.

Is there a fix for this behaviour, as only the view content should move?
(Screenshots showing the iOS 'spring' scroll issue have been attached.)

Thanks,
David

General Discussions

answered on 15 Apr 2013

6 answers

1.5K+ views

Add an Update and Cancel button to a popup with a custom command

I am using this page as a starting point:
http://demos.kendoui.com/web/grid/custom-command.html

Notice on this page that when you click the "View Details" button and the customized popup is displayed, there is no "Update" or "Cancel" button.

I want to keep the functionality of being able to assign properties of the window, such as title, width, etc. as shown by:

wnd = $("#details")

.kendoWindow({

title: "Customer Details",

modal: true,

visible: false,

resizable: false,

width: 960

}).data("kendoWindow");

and want to add the "Update" and "Cancel" buttons as displayed in:

http://demos.kendoui.com/web/grid/editing-popup.html

I have been able to display the buttons by adding the anchor tags copied for the buttons from a normal popup window, but it isn't bound to any events although it displays the buttons, it won't fire the save or cancel actions.

Here is my template code:

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

<div id="details-container">

<h2>#= borrowerFirstName # #= borrowerLastName #</h2>

<em>Contact ID #= contactId #</em>

</div>

<a class="k-button k-button-icontext k-grid-update" href="\\#"><span class="k-icon k-update"></span>Update</a>

<a class="k-button k-button-icontext k-grid-cancel" href="\\#"><span class="k-icon k-cancel"></span>Cancel</a>

</script>

I've tried many different things and nothing has worked.

Grid

answered on 15 Apr 2013

3 answers

254 views

What operoation is equal to the sql "in" when I filter the string in grid?

For example ,I want to find the object that its id in "101,1011,1001' and name "Lucy" called filterstring.Need I have to filter 3 times?
$("#Grid").data("kendoGrid").dataSource.filter([
{ field: "id", operator: "eq", value: "101"},
{ field: "id", operator: "eq", value: "1001"},
{ field: "id", operator: "eq", value: "1001"}
{ field: "name", operator: "eq", value: "Lucy"}
]);

Grid

answered on 15 Apr 2013