Questions on Kendo UI for jQuery Forum

4 answers

156 views

Hi,

I've found a bug that appears when all items are removed from a dataSource. After removing the final item i find that the dataSource has been reset and contains all original items.

To reproduce do the following on your jsfiddle example from 'Adding And Removing Items In kendo.data.DataSource by Kendo UI Team Blog'. Tuesday, January 29, 2013

http://jsfiddle.net/derickbailey/D4g8S/

1. tick all as done
2. remove done items
3. select show complete from dropdown (you'll see one item appears that was removed)
4. select show all from dropdown (all items are back)

Could you please let me know how to fix this?

Regards,
Douglas

Data Source

answered on 10 May 2013

2 answers

113 views

[Solved] Menus inside tabs rendering issue

In IE (in my case IE10), when you have menus inside tabs, the menu items are not rendered correctly in any tabs other than the one that's selected by default. It appears to not respect the "list-style-type: none;" that's defined in the stylesheets, although when you hover over the menu items, that seems to be magically fixed.

I created a simple test case that reproduces the issue:
http://fiddle.jshell.net/yjQ9R/

Hope that helps. Thanks!
Andrés

Menu

answered on 10 May 2013

4 answers

185 views

Filter available days

I need to be able to filter which days of the week users are able to select on a datepicker.

eg. disable all mondays and tuesdays.

Cant see anything in the docs or demos, is this possible?

If not possible by config, any workarounds?

DatePicker

answered on 10 May 2013

1 answer

142 views

[Solved] Using Visual Studio Coded UI Tests with Kendo UI

Does anyone have any experience using MS Visual Studio Coded UI tests with Kendo UI widgets? I know Telerik has their own Test Studio. I'm wondering if anyone has written any adapters or helpers for Kendo UI widgets that work with Coded UI tests?

If you know of any good blog posts or tutorials, I'd appreciate that too.

Thanks,
Jon

General Discussions

answered on 10 May 2013

2 answers

81 views

[Solved] Setting Type of Property

Hi,

I'm trying to set a type on a property on my nested schema.
In the column template on my KendoUI Grid, I'm binding to the datafield "Month1.EHR".
How do I set that column to be a "number" in my schema model?

I've tried the below, and many other variations, but nothing I've tried has worked.

dataSource: {

type: "aspnetmvc-ajax",

transport: {

read: {

url: "@Url.Action("_GetEHR", "Performance")", type: "POST",

contentType: "application/json",

data: //searchOptions()

{

periodDate: function () { return kendo.toString($("#periodDate").data("kendoDatePicker").value(), "MMM yyyy") }

}

},

parameterMap: function (options) {

return JSON.stringify(options);

}

},

serverSorting: true,

serverFiltering: true,

serverPaging: true,

pageSize: 50,

schema: {

model: {

fields: {

AccountName: { type: "string" },

Month1: { EHR: { type: "number" } },

Month2: { EHR: { type: "number" } },

Month3: { EHR: { type: "number" } },

Month4: { EHR: { type: "number" } },

Month5: { EHR: { type: "number" } },

Month6: { EHR: { type: "number" } },

Month7: { EHR: { type: "number" } },

Month8: { EHR: { type: "number" } },

Month9: { EHR: { type: "number" } },

Month10: { EHR: { type: "number" } },

Month11: { EHR: { type: "number" } },

Month12: { EHR: { type: "number" } }

}

},

data: function (data) {

return data.Data;

},

total: function (data) {

return data.Total;

}

},

Thanks.

Grid

answered on 10 May 2013

1 answer

80 views

What drives the progress bar?

What information drives the percent complete attribute that drives how full the progress bar is? For some reason the bar is moving extremely quickly for my uploads (much faster than the upload is actually happening) and I was hoping that by better understanding the mechanism, I might be better able to figure out what is actually going on.

Thanks!
Jacob

Upload

answered on 10 May 2013

1 answer

225 views

Line Chart MVVM with Multiple Series from ObservableObject

I am trying to configure a kendo line chart using MVVM. I am binding it to a ObservableObject.

            var viewModel = kendo.observable({
                issues: [
                    { month: new Date('1/1/2013'), cnt: 10 },
                    { month: new Date('2/1/2013'), cnt: 20 },
                    { month: new Date('3/1/2013'), cnt: 30 },
                    { month: new Date('4/1/2013'), cnt: 20 },
                    { month: new Date('5/1/2013'), cnt: 10 }
                ],
                cancels: [
                    { month: new Date('1/1/2013'), cnt: 5 },
                    { month: new Date('2/1/2013'), cnt: 10 },
                    { month: new Date('3/1/2013'), cnt: 15 },
                    { month: new Date('4/1/2013'), cnt: 10 },
                    { month: new Date('5/1/2013'), cnt: 5 }
                ]
            });

When I specify the data-bind attribute as "source: issues" I get a single series plotted on the chart..

My question is how can I bind the chart to plot both the "issues" data and "cancels" data from the ObservableObject

Charts

answered on 10 May 2013

1 answer

86 views

Show outside date range as X

Is there any sample that shows how we can disable calendar dates that falls outside certain date range(Min-Max) with X marker or grayed out as shown in attachment?

Calendar

answered on 10 May 2013

1 answer

227 views

No confirmation on Grid Row Delete when using MVVM

Hi,

I have a Kendo grid and am using MVVM binding, I have CRUD operations defined. Everything works fine with out exception I never get a confirmation message when deleting a row.

I have the Grid editable property set to:
editable: { "mode": "popup" }

If I change this to:
editable: "popup"

Then I successfully get the delete confirmation message.

However I need to retain the first method as I want to use a template like below:
editable: { "mode": "popup", "template": $("#popup_editor").html() },

Any ideas why the confirmation message doesn't appear. Also If I do the following
editable: { "mode": "popup", confirmation: "Are you sure" }

Then it functions correctly. I'd prefer not to have to do this for localisation reasons.

Thanks,
Keith

MVVM

answered on 10 May 2013

1 answer

116 views

JSON dates and view models

In order to flatten my data and avoid circular references, I created a view model for an object generated by OpenAccess ORM. I noticed something interesting, though. When binding the grid to my new view model (Html.Kendo().Grid<ViewModel>()...), my DateTime fields get converted into JSON dates when the grid is rendered (e.g. /Date(1362974400000)/). However, when I bind the grid to the original model (Html.Kendo().Grid<OpenAccessModel>()...), the dates come out as expected (e.g. Mon Mar 11 2013 00:00:00 GMT-0400 (Eastern Daylight Time)).

I've manipulated the code so that I've isolated the binding as the only difference. There's something different about the two classes that is causing a difference in rendering of the date field (even though that field is a DateTime field for both classes). Any idea why this is happening and if there's a simple way to fix this? Perhaps a bit of metadata attached to the field through OpenAccess that I should include in the view model?

Thanks!

Grid

answered on 10 May 2013