Questions on Kendo UI for jQuery Forum

1 answer

308 views

SharePoint 2013 list datasource

I am having trouble figuring out how to format my datasource for a sharepoint 2013 list using it's vanilla web service. I am simply trying to read, nothing else, but something just isn't clicking correctly. Here is what I have:

<script>
var listServiceURL = "http://devsite/_api/web/lists('<List GUID>')/items";

var datasource = new kendo.data.DataSource({
type: "odata",
transport: {
read: {
url: listServiceURL,
type: "GET",
dataType: "json",
contentType: "application/json;odata=verbose",
headers: {
"accept": "application/json;odata=verbose"
}
}
},
schema: {
data: "d.results",
model: {
id: "ID",
fields: {
ID: { editable: false, nullable: false },
Title: { validation: { required: true } },
}
}
},
pageSize: 20,
});

$(document).ready(function () {
$("[id$=companyGrid]").kendoGrid({
dataSource: datasource
});
});
</script>

Grid

answered on 14 Jul 2014

1 answer

79 views

Changed date returns to its original value

If the date for kendoDateTimePicker is changed by typing it in and then the time is changed by using the ‘Clock’ icon, the changed date returns to its original value.

DatePicker

answered on 14 Jul 2014

3 answers

355 views

[Solved] Grid with boolean required issue

Hi, when a boolean which is required is shown on a Grid and i try to create a new element or update one i get an error:
"[Column Title] is required"

I must set it true to make it work.

You can reproduce this problem on the demo page http://trykendoui.telerik.com/uwEd when you try to create or update an element with the field Discontinued unchecked.

Thanks.

Grid

answered on 14 Jul 2014

1 answer

132 views

[Solved] Regression : series tooltip template

Hi,

Before updating from 2013 Q3 to 2014 Q1 SP2, I could use a function in series.tooltip.template. This function could return a string with some #: ... # tags.

Now the returned string (from the fonction) does not have its #: ... # tags replaced. Using series.tooltip.template = "a string with #: templates #" works, but not if it's returned from the function.

Thanks

Charts

answered on 14 Jul 2014

1 answer

178 views

[Solved] Loading animation using grid mobile grid

Hello,

i build a mobile web using grids adaptive rendering. It works fine.

I also use several listviews to show data from a rest-service.

During loading data from service i use

kendo.mobile.application.showLoading();

to tell the user that the app is loading data.

So far so good.

The grid use its own loading animation which is different to the loading animation in the mobile application.
Also the mobile application use different animations for different platforms.

I would have same look an feel in the hole mobile application.

How do i use the animation from the mobile application when the grid is loading data ?

Regards

Jürgen

Grid

answered on 14 Jul 2014

3 answers

158 views

TreeViewItemModel - Enabled property

Hello,
I have simple treeview:

@(Html.Kendo().TreeView().Name("qwerty").BindTo(new List<TreeViewItemModel>()
{
new TreeViewItemModel
{
Id ="1",Text = "Test", Enabled = false, Checked = true
}

})
.Checkboxes(config => config.CheckChildren(true)))

but it seems that Enabled property doesn't work, node is still enabled.
Is there any option to disable node using MVC wrapper?

TreeView

answered on 14 Jul 2014

1 answer

270 views

How to remove source data when I remove grid row?

I'm sorry. My English is not good.

When I press the delete button inside the Grid, the row has deleted, but does not change the original data
Please tell me how to solve this problem

Here is a fiddle:http://jsfiddle.net/64jM3/1/

Source Code:
Html:

Source Length: <span data-bind="text: guarantorDataSourceLength"></span>

<div id="guarantorGrid"

data-role="grid"

data-editable='{"destroy":true}'

data-sortable="true"

data-pageable="false"

data-selectable="true"

data-bind="source: guarantorDataSource"

data-columns='[

{ "field": "ID", "title": "ID"},

{ "field": "Name", "title": "Name", "width": "200px"},

{ "field": "IsMan", "title": "IsMan"},

{ "command": "destroy" }

]'

data-row-template="row-template">

</div>

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

<tr>

<td>

<span data-bind="text: ID"></span>

</td>

<td>

<span data-bind="text: Name"></span>

</td>

<td># if (IsMan === true) {# Y #} else {# N # } #</td>

<td>

<a class="k-button k-button-icontext k-grid-delete" href="\#" data-bind="click: delClick"><span class="k-icon k-delete"></span>Delete</a>

</td>

</tr>

</script>

JavsScript:

$(document).ready(function () {

var viewModel = kendo.observable({

guarantorDataSource: [],

guarantorDataSourceLength: function () {

return this.get("guarantorDataSource").length;

}

});

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

viewModel.set("guarantorDataSource", [

{ ID: "A001", Name: "Tom", IsMan: true },

{ ID: "A002", Name: "John", IsMan: true },

{ ID: "A003", Name: "Mary", IsMan: false }

]);

});

Grid

answered on 12 Jul 2014

3 answers

106 views

POST request to the server to update the table

Hi all!

I have some trouble with kendo ui for jsp. Folloved this tutorial from the first part.
Ok, I have a table and data in it. When I try to update some row click button update and have Exception.
I checked in browser what data it send's (Form Data) and found next. But in the example I found enother result. What am I doing wrong?

{"id":1,"FIO":"IVAN IVANOV IVANOVICH","category":"surgeon","numPatients":1}

Data Source

answered on 12 Jul 2014

2 answers

433 views

[Solved] How to best use multiselect for grid editing

Hello,

We have a grid bound to a remote datasource using MVVM, and have written a custom popup editor for editing items in the grid/datasource and it's all working well.

We are in the process of extending our application to support multiselect fields. For example, let's say our datasource is employees, and the field in question is certifications. A single employee can have any number of certifications chosen from a predefined list. So, when we click edit for an employee in the grid, we'd like the popup to contain a multiselect where the user can add/remove certifications.

Our first approach was to change the server side code to return an array for the certifications field. We have since learned that the datasource object does not support arrays in fields, and that it seems to automatically convert them to a comma-delimited list. We then considered just using a delimited string instead of an array, but then are unsure how to bind this field to the multiselect widget.

We are open to whatever solution is best, but are not sure what that would be so were wondering if you'd have any advice on how to do this.

Thanks for the help,
--Dan

MultiSelect

answered on 11 Jul 2014

1 answer

3.1K+ views

kendo.toString formatted date not rendering

This is my template

<script id="itemTemplate" type="text/html">

# if(data.IsSandbox){ #

<div class="draft">

# } else {#

<div class="live">

# } #

# if(data.IsSandbox){ #

<strong class="text-info">#: Name # (#: ProgramDesignID #)</strong>

# } else {#

<strong class="text-success">#: Name # (#: ProgramDesignID #)</strong>

# } #

<div class='detailcontainer'>

<div class='date'>

# kendo.toString(kendo.parseDate(data.DateDetails.StartDate), "dd/MM/yyyy"); #

</div>

<div class='details'>

#: Details.ProgramName #

</div>

</script>

So nothing shows up in the .date DIV...

If I change that line to be
# console.log(kendo.toString(kendo.parseDate(data.DateDetails.StartDate), "dd/MM/yyyy")); #

The JS console in my browser shows all the dates properly formatted for me...why are they not rendering as strings in the template?

Templates

answered on 11 Jul 2014