Questions on Kendo UI for jQuery Forum

When using the remove method to remove the right-most button leaving a separator at the end of the toolbar, remove it
When removing all buttons between two separator, remove one.
...

Currently the remove method is not clever about adapting separators.
Telerik can certainly do better than that.

Toolbar

answered on 10 Dec 2014

7 answers

1.9K+ views

Saving the sorting/filtering/grouping/paging state of a grid

So we have a requirement that the user be able to save the state of the grid they are working on and then at a later time when they come back to that page the state would be the same... Meaning if they were to sort ascending by the column "State" and then group by the column "City"... when that user comes back to that grid it should look the same as when they left it. We are planning on doing this via either a save to a database or a session variable, but my question is what is the best way to save these settings?
1.) How do I build up some sort of object that contains the settings for the grid...
2.) How do I pass those settings back into the grid when they come back to the page.

Thanks,
Jason

Grid

answered on 10 Dec 2014

1 answer

825 views

[Solved] Appending text to a field in each row

I have a grid that lists the quantity of every product. However, I'd like the unit type appended to the quantity field. Is it possible to define this in the ASP.NET MVC fluent grid builder, or will I have to write a jQuery script that appends the appropriate unit type for each row? Ideally, the solution would be something along the lines of:

1.columns.Bound(o => o.Quantity).Title("Quantity").Append(o => o.UnitType);

My grid:

01.@(Html.Kendo().Grid<ViewModels.SupplyViewModel>()

02. .Name("GridSupply")

03. .Columns(columns => {

04. columns.Bound(o => o.ProductNo).Title("Product").Width(135);

05. columns.Bound(o => o.Quantity).Title("Quantity");

06. })

07. .DataSource(d => d

08. .WebApi()

09. .Model(m => m.Id(o => o.OVR_URID))

10. .Read(c => c.Url(Url.HttpRouteUrl("DefaultApi", new { controller = "Supply" })))

11. )

12.)

The desired output would be (the text in bold is appended):

01.<tr>

02. <td>Product ABC</td>

03. <td>1000 BOTTLES</td>

04.</tr>

05.<tr>

06. <td>Product DEF</td>

07. <td>1000 BOXES</td>

08.</tr>

09.<tr>

10. <td>Product GHI</td>

11. <td>1000 SACKS</td>

12.</tr>

Grid

answered on 10 Dec 2014

2 answers

101 views

Grouping changes the datasource - KendoUI Grid

Hi,

I am using Kendo grid in a LightSwitch project, the data is coming from a web API in json format. I have some drop-downs which changes the data source of the grid. The grid loads fine, changing the drop down also changes the data-source which is fine too. But there are couple of Issues:
1) If I perform grouping, it reverts back the data source of the grid to the initial state.
2) Changing the drop down changes the data source but removes the formatting applied to columns.

Grid

answered on 10 Dec 2014

1 answer

146 views

Setting min/max refreshes the view

Hi,

I have two Kendo calendars next to each other: one is used for "from" date while the other is used for "to" date. Whenever the selected date in the "from" calendar is changed, it updates the "min" value for the "to" calendar, and vice-versa.

This works well, except that changing the min and max values seem to redraw the whole calendar, and I loose the context of the current view. For exemple, if the from calendar is currently on the "November" view, and "from" is 3rd of November. On the other hand, if the "to" calendar is currently on "December" view with to set on 3rd December.

If I navigate to the "november" month in the "to" calendar, and changed the date of the "from" calendar (from 3rd to 4th November for instance), then the min is correctly updated on "to" calendar BUT it automatically navigates again to the month of the selected date (hence, December). I think this is a bug, changing the "min"/"max" should not reset the view (unless there is nothing to show, obviously).

Thanks

Calendar

answered on 10 Dec 2014

1 answer

111 views

Remove Multiples

I am using Kendo UI Multiselect and have this Data:

var data =
[
{ text: "Shirt-Black", value: "1" },
{ text: "Shirt-Brown", value: "2" },
{ text: "Shirt-Blue", value: "3" },
{ text: "Cap-Green", value: "4" },
{ text: "Cap-Red", value: "5" },
{ text: "Cap-White", value: "6" },
{ text: "Jacket-Denim", value: "7" }
];

Now I want that if I select "Shirt-Brown" then rest entries for shirt i.e. "Shirt-Black" and "Shirt-Blue" should not appear in the list which means that the user should not be able to choose the Shirt of two colors.Similarly, If a "Cap" of any color has been chosen then user should not be able to choose the "Cap" of any other color.

Is there any way to achieve this?

MultiSelect

answered on 10 Dec 2014

2 answers

159 views

[Solved] Issue with new version (2014.3.1119)

Hi,

In URL http://telerik.ximnet.com.my/kendo_test/test_new_version.html

I try to use the new version from telerik.kendoui.professional.2014.3.1119.commercial.zip.

However I get error in kendo.all.min.js:27 Uncaught TypeError: Cannot read property 'addEventListener' of undefined

The error appears when I include the code:

<script>

var app;

app = new kendo.mobile.Application(document.body, {

// comment out the following line to get a UI which matches the look

// and feel of the operating system

skin: 'flat'

});

</script>

How should I fix this?

Thanks.

General Discussions