Questions on Kendo UI for jQuery Forum

0 answers

71 views

Tab Order Feature for Kendo Controls - Section 508 Compliance

Hi,

As per Section 508, a user should be able to navigate through the screen/controls using Keyboard. To achieve this in Asp.Net we have a property exposed to each control namely "Tab Order" which actually signifies the control focus sequence when using the Tab key from the key board.

Is there a provision to have a Tab Order Feature enabled for all the Kendo Controls?

Thanks & Regards,
Manoj Kapoor

General Discussions

asked on 27 Mar 2012

3 answers

181 views

Managing Views in Single Page Application

Hi,

In MVVM samples that I've seen so far, I don't see any way to manage Views in an SPA.

Namely, I'm wondering how to "swap" Views in and out according to the user's selection in, let's say, a navigation menu.

Would it be a good idea to use the "visible" binding to show/hide different views ?

Or is there something built into KendoUI to help us manage this ?

I took a quick look at the KendoUI Mobile, and it seems that there is built-in View management, with transitions and all, so could we somehow reuse this for desktop browser based apps ?

Thanks for sharing your ideas.

Luc

MVVM

answered on 27 Mar 2012

3 answers

313 views

Need to customize update URL based on row being updated

I need to be able to customize the update URL for each row in my data source. For example, the URL should be /resource/{id}. I read in another thread that it wasn't possible to set this to be a function, so I'm wondering if you could expose an event on the datasource for every row that fires during a sync. This event would pass the row so I could modify the URL on the fly.

Data Source

answered on 27 Mar 2012

1 answer

112 views

how to bing object to kendo grid

this is my code:

<WebMethod()>

Public Shared Function getperson() As String

Dim query = db.Employees.Select(Function(q) New With {q.EmployeeID, q.LastName, q.BirthDate})

Dim sb As New StringBuilder

For Each rows In query

sb.Append(rows.EmployeeID & ":" & rows.LastName & ",")

Next

Return Convert.ToString(sb)

End Function

how to bind "getperson" to kendo grid
thanks in advanced

Data Source

answered on 27 Mar 2012

0 answers

91 views

Detail Grid and Drag'n Drop

Hello,

I have a grid which have detail grids for each row.
Inside the detail grids, i want to enable drag and drop reorder behavior.
But it seems that is not working.

Here is a jsFiddle : http://jsfiddle.net/zYzpS/60/

Best regards,
Guillaume

Grid

asked on 27 Mar 2012

4 answers

68 views

Post of values not appearing

Can anyone see what is wrong with this please? I populate a grid. When I edit a row in the grid and choose save changes I have a controller action method being called by the datasource but I get a collection with one empty object - all properties are null or 0.

var datasource = new kendo.data.DataSource({

transport: {

read: {

url: "/AccountDetails/IndexForRequest/" + $("#Request.Id").val(),

dataType: "json",

data: { bankId: $("#BankId").val(), confirmationRequestId: $("Request.Id").val() }

},

update: {

url: "/AccountDetails/EditForRequest",

type: 'POST',

dataType: "json"

},

destroy: {

url: "/AccountDetails/DeleteForRequest",

type: 'POST',

dataType: "json"

},

create: {

url: "/AccountDetails/CreateForRequest",

type: 'POST',

dataType: "json"

}

},

batch: true,

pageSize: 30,

schema: {

model: {

id: "Id",

fields: {

Id: { editable: false, nullable: true },

Client: { editable: false, nullable: true },

Balance: { editable: false, nullable: true, type: "number" },

Currency: { editable: false, nullable: true },

EntityName: { editable: true, nullable: false, validation: { required: true } },

AccountName: { editable: true, nullable: true },

AccountNumber: { editable: true, nullable: false, validation: { required: true } },

SortCode: { editable: true, nullable: false, validation: { required: true } }

}

});

My controller action is...

[HttpPost]

public JsonResult EditForRequest(IList<

AccountDetailDto> models)

{

List<AccountDetailDto> returnObject = GenerateAccountDataForClientA();

return new JsonResult()

{

Data = returnObject,

JsonRequestBehavior = JsonRequestBehavior.AllowGet

};

}

Thanks

Data Source

answered on 27 Mar 2012

1 answer

243 views

Treeview Templates documentation

http://demos.kendoui.com/web/treeview/templates.html
looks like it has the same content as the "Basic Usage" documentation page
and thus nothing about templates, even though the "templates"
tab is selected. I'd sure like to see some doc on templates.

While you're at it:
The tip in this forum about {text: "<b>stuff</b>", encode: false}
is too important to leave buried in a forum.
If this is in the main doc, I missed it.
Consider having the default for this to be true, then I wouldn't have to know about it!
Also "encode" doesn't mean much to me.
Instead how about: render_html: true

TreeView

answered on 27 Mar 2012

0 answers

112 views

Show only bottom border in datetime picker

Is it possible to hide all the borders except the bottom border for the datetime picker? Also, is it possible to make the whole thing transparent?

Date/Time Pickers

asked on 27 Mar 2012

0 answers

87 views

Animating listView on filter to get results like isotope

Is there any way to animate the filtering and sorting on the list view to get effects like those seen in isotope?

ListView

asked on 27 Mar 2012

0 answers

997 views

Binding radio buttons - changed event?

Hi

I'm successfully binding a group of radio buttons to a ViewModel using a checked binding and also using the click event binding to refresh a Chart. It works wonderfully when the mouse is used to click the radio button as would be expected, but when the keyboard is used to change the selected radio button, things don't work as well: firstly, my click event handler still fires (much as it would if it were called "changed" or similar), the chart refreshes, but the value isn't updated by the checked binding. I thought perhaps the order of binding declarations in my markup mattered, but it makes no difference.

Markup:

<input id="activitiesThisMonth" value="A" type="radio" name="activitiesDuration" data-bind="checked: activitiesDuration, click: activitiesChanged" />

<label for="activitiesThisMonth">This Month</label>

<input id="activitiesThisWeek" value="W" type="radio" name="activitiesDuration" data-bind="checked: activitiesDuration, click: activitiesChanged" />

<label for="activitiesThisWeek">This Week</label>

Script:

var viewModel = kendo.observable({

activitiesDuration: "W",

activitiesChanged: function (e) {

$("#activitiesChart").data("kendoChart").refresh();

}

});

kendo.bind($("input"), viewModel);

Is this the expected behaviour? I there perhaps a workaround to achieve what I wish to do? I tried binding the jQuery change event to the radio buttons directly, but the event handler didn't fire at all when changed with the keyboard.

I look forward to a response, kind regards,
Andrew

MVVM

asked on 27 Mar 2012