Questions on Kendo UI for jQuery Forum

1 answer

113 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

69 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

249 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

119 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?

DatePicker

asked on 27 Mar 2012

0 answers

90 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

1.0K+ 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

2 answers

214 views

Can't send JSON from javascript into ASP.NET MVC3 Controller's parameter

I want to use Kendo UI Grid with its inline editing capabilities on my web apps. I used ASP.NET MVC 3. I've succeeded to read the data. But i've got a problem in deleting data. My parameter in my ASP.NET controllers always contains zero object (not null). I've checked in Firebug. My Javascript sent correct json format into the controller. And my controller use correct format for its parameter.. But my controller's parameter always zero result..

I've attach some screenshot of my problem. Please help me.. :(

Grid

answered on 26 Mar 2012

0 answers

111 views

MVVM in a GRID-FORM scenario (with combobox inside the form)

Hi,

I've the following scenario:
1) A ViewModel object with a remote datasource inside:

vm = kendo.observable({

  selected_row:

null

,

  grid_rows:

new

kendo.data.DataSource ({...})

});

2) A datasource outside the viewmodel:

combobox_values = new kendo.data.DataSource (...);

3) All the fields of a form are binded to vm, but take a look into this one:

js: kendo.bind($('#my_form'), vm);

html: <select id="some_id" data-value-field="id" data-text-field="description" data-bind="value: selected_row.field" data-role="combobox"></select>



where the data has the following structure:



selected_row = {field: {id: 1, description: 'something'}}

My questions are:
Q1) Is there a way to make this 'select' field to retrieve remote data using the combobox_values datasource? (look that this select field is already binded to the ViewModel vm.

Q2) Why the combobox component shows the field 'id' in the form instead the field 'description'? Look that the fields are declared in the html select element.

I appreciate any help,
Thaks,
Alessandro.

PS: Using the latest 2012 official kendoui web version.

MVVM