Questions on Kendo UI for jQuery Forum

1 answer

102 views

Hi there.
Problem: I'm using Kendo UI Web v2012.3.1114 in my mvc application I have kendo grid with options Reorderable(x => x.Columns(true)) and Groupable(), in DetailTemplate I have another grid without grouping and sorting.
Issue: I can drag columns of detailed grid and drop them to main grid.

Comments:
I saw at kendo.grid.js

_draggable: function

() {

...

filter:

".k-header:not(.k-group-cell,.k-hierarchy-cell)"

...

},

I think problem is that filter equals to .k-header:not(.k-group-cell,.k-hierarchy-cell)
that filter applying to all .k-header, even in detail template grid. If I'm right how can I fix it?

Grid

answered on 10 Jan 2013

1 answer

123 views

Should I create a new DataSource if only the schema model fields need to be changed. ?

var dataSource = new

kendo.data.DataSource({

transport: {

read: {

url: window.stpURL + "/GetClusterStoresTable",

dataType: "xml",

data: {

action: 'fetch',

id: function() {

return window.selectedFolderNodeID;

}

},

schema: {

type: "xml",

data: "/TABLE/STORES",

model: {

fields: fields

}

},

error: raiseXmlDsErrorWindow

});

In the above data source the data.id item passed to the read.url is dynamic, that is fantastic.

My situation is this:
The schema.model.fields property is also dynamic and can change based on the data.id.
My understanding from the documentation is that the fields property can't be a function.

So before I do a ds.read I can query another url to get the fields that will be returned for an id. Call this 'fieldsOfId'
If they are different than the current schema.model.fields I should do ... what?

1. Create a new datasource using the fieldsOfId value.
or
2. Change the value of schema.model.fields of that of fieldsOfId and mark the schema/datasource as 'dirty'

Regardless of how the data source is managed, the Grid that it is attached to will also need to have its columns property adjusted to match the fields of the datasource.

Thanks,
Richard DeVenezia

Data Source

answered on 10 Jan 2013

1 answer

146 views

Mobile supported on Windows WebKit browsers?

I apologize if this question has been answered before, but I haven't been able to locate and answer.

Is running a mobile web site on Windows WebKit browsers, such as Safari and Chrome supported? And how about FireFox?

The reason why I ask this question is that it ALMOST works, but I have run into a few snags.

My main problem is that if I have a scrollable grid inside a view that can be drag scrolled, and I perform any action on the scroll bar, either clicking or dragging, then KendoUI thinks I have started a drag on the outer view. It appreas that the mousedown event is cascaded to the outer view, but the mouseup event isn't. This is really annoying, because any mouse movement after moving the scroll bar and releasing the mouse button causes the entire view to scroll until I do a click anywhere in the vew, which causes a mousedown and mouseup event to cascade to the scrollable view.

On iOS everything works as expected/

Thanks/Anker

General Discussions

answered on 10 Jan 2013

1 answer

86 views

Kendo Web v2012.3.1114 Breaks iPad support compared to version v2012.2.710

After transitioning from Kendo version v2012.2.710 to version v2012.3.1114, the touch-events on an ipad no longer trigger the navigation events for a PanelBar.

In addition I've noticed other kendo controls do not work for ipad after switching to the newer version.

To reproduce this error, I have created two identical websites simply utilizing different Kendo Web versions:

Kendo v2012.3.1114 http://kendo.mobnation.org/

Kendo v2012.2.710 http://kendo.mobnation.org/home/old

You can try both urls on an ipad and see that only v2012.2.710 triggers navigation when an item is clicked. You can simulate this in Google Chrome by enabling the developer console (F12), clicking the black gear icon in the bottom right corner, select the "Overrides" tab, change the User Agent to "iPad iOS 5" and tick the "Emulate touch events" checkbox (Ensure you refresh the page).

Please let me know if you are able to reproduce this issue and have plans to correct it as my company is trialing your products and about to buy it but cannot without full ipad support.

-Angelo

PanelBar

answered on 10 Jan 2013

0 answers

88 views

DataSource binding of ListView

Hi:

I would like to share some code. This is a MVC application accessing web-server that is returned as json:

@{

ViewBag.Title = "Home Page";

}

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

<div class="mm-contact">

<span class="mm-title" data-bind="text: Title"></span><br />

<span data-bind="text: FirstName"></span> <span data-bind="text: LastName"></span><br />

Extension: <span data-bind="text: Extension1"></span><br />

mail: <span data-bind="text: Email"></span>

</div>

</script>

<div id="ProductSales" data-role="view" data-model="vm" data-layout="default" data-title="Product Sales">

<header data-role="header">

<div data-role="navbar">Product Sales</div>

</header>

<div id='lv' data-role="listview" data-bind="source: productSalesContacts" data-template="contact-template"></div>

</div>

<script type="text/javascript">

var Staff = kendo.data.Model.define({

id: "ID",

fields: {

// data type of the field {Number|String|Boolean|Date} default is String

ID: { type: "Numeric", editable: false, nullable: true },

LastName: { type: "String", validation: { required: true } },

FirstName: { type: "String", validation: { required: true } },

Title: { type: "String" },

City: { type: "String" },

State: { type: "String" },

Email: { type: "String" },

Phone1: { type: "String" },

Extension1: { type: "String" },

Sequence: { type: "Numeric", nullable: true }

}

});

var vm = kendo.observable({

productSalesContacts: new kendo.data.DataSource({

transport: {

read: {

url: "/Services/Contacts.asmx/ProductSales",

dataType: "json",

type: "POST",

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

},

schema: {

data: "d",

model: Staff

}

})

});

</script>

Good luck:
Phil

ListView (Mobile)

asked on 10 Jan 2013

0 answers

117 views

DataSource binding of ListView

Hi:

I would like to share some code. This is a MVC application accessing web-server that is returned as json:

@{

ViewBag.Title = "Home Page";

}

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

<div class="mm-contact">

<span class="mm-title" data-bind="text: Title"></span><br />

<span data-bind="text: FirstName"></span> <span data-bind="text: LastName"></span><br />

Extension: <span data-bind="text: Extension1"></span><br />

mail: <span data-bind="text: Email"></span>

</div>

</script>

<div id="ProductSales" data-role="view" data-model="vm" data-layout="default" data-title="Product Sales">

<header data-role="header">

<div data-role="navbar">Product Sales</div>

</header>

<div id='lv' data-role="listview" data-bind="source: productSalesContacts" data-template="contact-template"></div>

</div>

<script type="text/javascript">

var Staff = kendo.data.Model.define({

id: "ID",

fields: {

// data type of the field {Number|String|Boolean|Date} default is String

ID: { type: "Numeric", editable: false, nullable: true },

LastName: { type: "String", validation: { required: true } },

FirstName: { type: "String", validation: { required: true } },

Title: { type: "String" },

City: { type: "String" },

State: { type: "String" },

Email: { type: "String" },

Phone1: { type: "String" },

Extension1: { type: "String" },

Sequence: { type: "Numeric", nullable: true }

}

});

var vm = kendo.observable({

productSalesContacts: new kendo.data.DataSource({

transport: {

read: {

url: "/Services/Contacts.asmx/ProductSales",

dataType: "json",

type: "POST",

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

},

schema: {

data: "d",

model: Staff

}

})

});

</script>

Good luck:
Phil

ListView (Mobile)

asked on 10 Jan 2013

1 answer

130 views

Barchart: labels not displayed if value is zero

If a value is zero, a label of a barchart is not displayed.
Is there a way to show it anyway? (with a value of zero)

Charts

answered on 09 Jan 2013

2 answers

187 views

Splitter - Changing Pane Content

I have a 2 pane splitter.

I am using the left pane for a menu using a panel bar.

I am using the right pane as content relevant to the selected panel bar item.

The example I have attached attempts to change the grid associated with the right pane based on the panel bar selection.

I am having a problem changing this content - the data in the grid seems to change but not the definition of the grid.

How do I change the pane content to show the proper grid.

Thanks,

Shawn

Splitter

answered on 09 Jan 2013

1 answer

116 views

Problem in Deployment of the Application

Hi All,

We have developed an application using HTML 5 Kendo UI.We have tested the application in both IE 9 and IE 10 versions in the local machines it works fine but the main problem arises when the application is deployed and we run the application in the IE 9 and IE 10 data to the grid is not showing

General Discussions

answered on 09 Jan 2013

2 answers

177 views

Localization of templates

I am using Kendo UI MVC wrappers. Is there a way to use resource files in templates?

I tried to use the following code:
<script id="person-template" type="text/x-kendo-template">
<span>${Resource.LastName} ${LastName}</span>
</script>

I've got the error: "Resource not defined".

Templates

answered on 09 Jan 2013