All our Combo Boxes are defined similar to this:
@(Html.Kendo().ComboBoxFor(model => model.PortOfLoadingId) .Filter(FilterType.Contains) .Suggest(true) .Placeholder("Select port...") .DataTextField("Text") .DataValueField("Id") .DataSource(s => { s.Ajax().Read(r => { r.Action("GetComboBoxItems", "Ports"); }); }) .Events(e => e.Select("portSelected")))
Hello, am trying to achieve 2 level drop In below code if i change group: [{field: "FareOwner"}], to group: [{field: "FareOwner"},{field: "Description"}],
I get error before template screen renders and item text in dropdownList is shown as undefined . Only FareOwner ('Agent' or 'Customer' is shown).
My datasource code:
PricingTemplateSource: new kendo.data.DataSource({ transport: { read: { url: rootUrl("Fare/GetPricingTemplatestest"), dataType: "json", data: function(e) { debugger; return { optionFilters: JSON.stringify(AirPricingWoPNRViewModel.Item.AirPricingVM.OptionFilters), validatingCarrier: JSON.stringify(AirPricingWoPNRViewModel.Item.AirPricingVM.ValidatingCarrier) }; } } }, group: [{field: "FareOwner"}], serverFiltering: true }),
template :
<script id="FareItemTemplate" type="text/x-kendo-template"> #debugger # <div class="k-state-default"> <div class="bluecolor"> #: data.Name # </div> #if(data.Remark!= null){# <div style="font-size:11px;"> #: data.Remark # </div> #}# </div>
<input data-role="dropdownlist" class="fare-template" data-text-field="Name" data-template="FareItemTemplate" data-value-field="Id" required="required" data-value-primitive="true" data-bind="value: FareTemplateID, source: PricingTemplateSource " />
Source Data :
[{"Id":10446,"Name":"FXP/R,VC-SQ","Remark":null,"FareOwner":"Agent","Description":"Published"},{"Id":10447,"Name":"FXP/R,VC-SQ","Remark":"Full IATA Publish Fare","FareOwner":"Agent","Description":"Published"},{"Id":10481,"Name":"Default FXP","Remark":null,"FareOwner":"Agent","Description":"Published"},{"Id":10530,"Name":"FXP/RSEA,U,VC-SQ","Remark":null,"FareOwner":"Agent","Description":"Marine"},{"Id":10531,"Name":"FXP/RSEA,U,VC-SQ","Remark":null,"FareOwner":"Agent","Description":"Offshore"},{"Id":10547,"Name":"FXP/R,VC-SQ","Remark":"Test","FareOwner":"Agent","Description":"Published"},{"Id":10548,"Name":"Test Customer","Remark":"Test","FareOwner":"Customer","Description":"Published"},{"Id":10559,"Name":"FXP/RSEA,U","Remark":null,"FareOwner":"Agent","Description":"Marine"}]

Hi
I am trying to change the confirm message text of delete/ remove sheet from a spreadsheet but the message appear before removeSheet event so i can not find an access point to that message from any of the spreadsheet events.
Thanks
Nadav
We've implemented a HTML Editor and would like to be able to incorporate a Watermark image behind. There is no tool at present to allow placing of a Watermark. How would this be best implemented?

Hi,
I have an issue when create an area trend chart with multiple value axis.
Sample: http://dojo.telerik.com/Aminin/10
In the first chart, it has 2 value axis, and the "World" series show wrong area.
In the second chart, it has only 1 value axis, and the only series "World" show correct area.
Please let me know if I missed anything or if it's a bug.
Thanks
Kai
Hi,
When I fix minZoom as 2 and center as [0, 0] then the map fits properly, but If I zoom in the right side of the map and zoom out immediately, the space is filled with white color. If I do mouse click in any region of map, then fits again properly. Would you please let me know how to fix it? I've attached the screenshot for your reference.

I've been working with a Telerik sortable Grid in an ASP.Net Core 2 Angular 2 SPA, the data I'm attempting to implement a working instance of this with the fetchdata.component that comes with the initial rendering of the Angular 2 SPA. I've been able to load data into the grid but the data only seems to populate after a filter field is activated by mouse click. On initial load the grid will show up empty with 'No records available' under the first column leaving all other non-header data empty.
I have noticed that there's an example for data binding OData sources on the Telerik site however the super(null) for northwind.service.ts received an error suggesting that a null value wouldn't be permitted thus I wasn't able to experiment much with the code. Attached below is my attempt so far to code the typescript and html files for the Telerik sorting grid. Again, this gets me as far as the grid receiving data however the initial load is not populating the data. As far as I can tell the OData example implies that I might need to feed a BehaviorSubject array to the gridView but I'm not entirely sure whether that's baked in as a requirement or whether its relevant to an http.get from ASP.Net and Entity Framework. Let me know if you have any suggestions on how this needs to be rearranged or what I'd need to add in order to get this up and running properly. Thank you!

Hi,
With reference to using component with dialog service (http://www.telerik.com/kendo-angular-ui/components/dialog/service/#toc-usage), I have a form inside the component and I would like to submit the form and close the modal using a button from inside the component rather than using the action buttons.
How should I go about achieving that?
Please refer to the following plunker:
http://plnkr.co/edit/Qq50UCo0jTaqUBYI4hq3?p=preview
Thanks.Hello,
we are using Kendo UI for Angular. We have a component that contains Kendo TabStrip and we need (based on some business logic) to select a specific tab. Currently the only way to do this is to introduce a @Viewchild(TabStripComponent) in our component and call its .selectTab(index) method to select a desired tab. There are however some issues with that solution:
First I tried to do call selectTab() in ngOnInit(), but that fails, because tabs are not ready yet (got an error from kendo tabstrip: Cannot read property 'toArray' of undefined).
Second I tried to do call selectTab() in ngAfterViewInit(), here the tab is correctly selected, but angular complains: Expression has changed after it was checked. Previous value: 'inactive'.
Isn't there a way to do this nicely? I imagine something like [selectedTabIndex] property on Kendo's TabStripComponent, that we could set grammatically..
thx
Jan