Hi,
I am binding kendo grid on Ajax call and designed the grid as below. But this is not responsive . I have included all kendo bootstrap styles. But still grid columns are not responsive, Please advice.
@(Html.Kendo().Grid(PInfo)
.Name("grdPdetails")
.Columns(columns =>
{
columns.Bound(p => p.PId).ClientTemplate("<a href='" + Url.Action("PSummary", "Home") + "?PId=#= PId #'" + ">#= PId #</a>").Title("Edit").Width(75);
columns.Bound(p => p.DataSource).ClientTemplate("#= DataSource ? DataSource : '' #").Title("Data Source").Width(150);
columns.Bound(p => p.LastName).ClientTemplate("#= LastName ? LastName : '' #").Title("Last Name").Width(250)
})
.HtmlAttributes(new { @class = "ra-section"})
.Scrollable(s => s.Enabled(true))
.Sortable()
.Pageable(pageable => pageable
.Refresh(true)
.PageSizes(true)
.ButtonCount(5))
.DataSource(dataSource => dataSource
.Ajax()
.PageSize(10)
)
)
<div id=""RundownGrid""></div><script>function RefreshRundowns() {$(""#RundownGrid"").kendoGrid({ scrollable: false, noRecords: true, pageable: false, columns: [ { title: ""Inbound"", field: ""Inbound"", attributes: { ""id"": ""InboundGrid"" }, template: function RefreshInbounds(Inbound) { $(""#InboundGrid"").kendoGrid({ scrollable: false, noRecords: true, pageable: false, columns: [ { title: ""Vessel Name"", field: ""VesselName"", encoded: false, }, { title: ""Draft"", field: ""CombinedDraft"", }, { title: ""Origination"", field: ""CodesDescriptionFrom"" }, { title: ""Destination"", field: ""CodesDescriptionTo"" }, { title: ""Time"", field:""OrderTime"", width: 33, }, { title: ""Pilots"", field: ""CombinedPilots"", encoded: false, } ], dataSource: { type: ""json"", transport: { read: Inbound } }, schema: { model: { VesselName: {type: ""string""}, CombinedDraft: {type: ""string""}, CodesDescriptionFrom: {type: ""string""}, OrderTime: {type: ""string""}, CodesDescriptionTo: {type: ""string""}, CombinedPilots: {type: ""string""}, } }, dataBound: function (e) { var data = this._data; for (var x = 0; x < data.length; x++) { var di = data[x]; var tr = this.element.find(""[data-uid='"" + di.uid + ""']""); if (di.IsDaylightOnlyJob) { tr.addClass(""DaylightJob""); } if (di.IsTwoPilotJob) { tr.addClass(""TwoPilotJob""); } } } }); }, encoded: false, }, { title: ""Shifts"", field: ""Shifts"", attributes: { ""id"": ""HarborShiftGrid"" }, template: """", encoded: false, }, { title: ""Outbound"", field: ""Outbound"", attributes: { ""id"": ""OutboundGrid"" }, template: """", encoded: false, }, ], dataSource: { type: ""json"", transport: { read: { url: RundownAPI + ""WallRundowns"", dataType: ""json"", type: ""GET"", contentType: ""application/json"" } }, schema: { model: { data: ""Inbound"", Shifts: {type: ""data""}, Outbound: {type: ""data""}, } }, }, });}
And a response from the data service would look like this (there's a lot of extra information in the response, I know)
{ "Inbound": [{ "VesselName": "SEA BIRD", "CombinedDraft": "39.08", "CodesDescriptionFrom": "Sun Terminal #3 Hout", "CodesDescriptionTo": "SB Buoy", "OrderTime": "08:00", "StartDate": "01/09", "SbbTime": "-", "C09Time": "11:09", "C930Time": "-", "MsqptTime": "-", "NriTime": "10:13", "CombinedPilots": "S. D. WILLIAMS,<br> C. D. BANCROFT", "Sun5Time": "-", "ClearTime": "08:40", "PilotRestEarned": false, "SecondPilotRestEarned": false, "ThirdPilotRestEarned": false, "HasTransportation": false, "PilotHasTransportation": false, "SecondPilotHasTransportation": false, "ThirdPilotHasTransportation": false, "CallSign": "9V2730", "Conf": "Due", "Confirmed": false, "Direction": "OUTBOUND", "EstDateOnBoard": "2017-01-09T00:00:00", "ExtraYesNo": "N", "FirstPilotCode": 30, "IsDaylightOnlyJob": false, "IsOlder": false, "IsTwoPilotJob": true, "LastChange": "Daniel Dubois", "OnBoardDateTime": "0001-01-01T00:00:00", "OnBoardDate": "0001-01-01T00:00:00", "OrderDateTime": "2017-01-09T08:00:00", "PilotAboardDateTime": "0001-01-01T00:00:00", "PilotFinishTime": "0001-01-01T00:00:00", "PilotCode": 30, "PilotName": "S. D. WILLIAMS", "PilotPhone": "409-626-4805", "RundownDraftFeet": 39, "RundownDraftInches": 1, "RundownNotes": "ORDER", "SecondPilotCode": 0, "SecondPilotName": "C. D. BANCROFT", "ThirdPilotCode": 0, "ThirdPilotName": "", "TimeEstimate": "0800", "VesselBeam": 120.25, "VesselBredthFeet": 120.25, "VesselDwt": 52541, "VesselFlag": "SGP", "VesselHoldYesNo": "", "VesselHoldDescription": "", "VesselHoldDate": "0001-01-01T00:00:00", "VesselImo": "9726061", "Tugprimary": "", "VesselLoa": 738.25, "VesselNote": "NO THRUSTERS", "VesselRestriction": "2 PILOTS NON-DAYLIGHT", "VesselRestrictionDate": "1901-01-01T00:00:00", "AssignDate": null, "AssignDT": "0001-01-01T00:00:00" }], "Shifts": [ { "VesselName": "SEA BIRD", "CombinedDraft": "39.08", "CodesDescriptionFrom": "Sun Terminal #3 Hout", "CodesDescriptionTo": "SB Buoy", "OrderTime": "08:00", "StartDate": "01/09", "SbbTime": "-", "C09Time": "11:09", "C930Time": "-", "MsqptTime": "-", "NriTime": "10:13", "CombinedPilots": "S. D. WILLIAMS,<br> C. D. BANCROFT", "Sun5Time": "-", "ClearTime": "08:40", "PilotRestEarned": false, "SecondPilotRestEarned": false, "ThirdPilotRestEarned": false, "HasTransportation": false, "PilotHasTransportation": false, "SecondPilotHasTransportation": false, "ThirdPilotHasTransportation": false, "CallSign": "9V2730", "Conf": "Due", "Confirmed": false, "Direction": "OUTBOUND", "EstDateOnBoard": "2017-01-09T00:00:00", "ExtraYesNo": "N", "FirstPilotCode": 30, "IsDaylightOnlyJob": false, "IsOlder": false, "IsTwoPilotJob": true, "LastChange": "Daniel Dubois", "OnBoardDateTime": "0001-01-01T00:00:00", "OnBoardDate": "0001-01-01T00:00:00", "OrderDateTime": "2017-01-09T08:00:00", "PilotAboardDateTime": "0001-01-01T00:00:00", "PilotFinishTime": "0001-01-01T00:00:00", "PilotCode": 30, "PilotName": "S. D. WILLIAMS", "PilotPhone": "409-626-4805", "RundownDraftFeet": 39, "RundownDraftInches": 1, "RundownNotes": "ORDER", "SecondPilotCode": 0, "SecondPilotName": "C. D. BANCROFT", "ThirdPilotCode": 0, "ThirdPilotName": "", "TimeEstimate": "0800", "VesselBeam": 120.25, "VesselBredthFeet": 120.25, "VesselDwt": 52541, "VesselFlag": "SGP", "VesselHoldYesNo": "", "VesselHoldDescription": "", "VesselHoldDate": "0001-01-01T00:00:00", "VesselImo": "9726061", "Tugprimary": "", "VesselLoa": 738.25, "VesselNote": "NO THRUSTERS", "VesselRestriction": "2 PILOTS NON-DAYLIGHT", "VesselRestrictionDate": "1901-01-01T00:00:00", "AssignDate": null, "AssignDT": "0001-01-01T00:00:00" } ], "Outbound": [ { "VesselName": "SEA BIRD", "CombinedDraft": "39.08", "CodesDescriptionFrom": "Sun Terminal #3 Hout", "CodesDescriptionTo": "SB Buoy", "OrderTime": "08:00", "StartDate": "01/09", "SbbTime": "-", "C09Time": "11:09", "C930Time": "-", "MsqptTime": "-", "NriTime": "10:13", "CombinedPilots": "S. D. WILLIAMS,<br> C. D. BANCROFT", "Sun5Time": "-", "ClearTime": "08:40", "PilotRestEarned": false, "SecondPilotRestEarned": false, "ThirdPilotRestEarned": false, "HasTransportation": false, "PilotHasTransportation": false, "SecondPilotHasTransportation": false, "ThirdPilotHasTransportation": false, "CallSign": "9V2730", "Conf": "Due", "Confirmed": false, "Direction": "OUTBOUND", "EstDateOnBoard": "2017-01-09T00:00:00", "ExtraYesNo": "N", "FirstPilotCode": 30, "IsDaylightOnlyJob": false, "IsOlder": false, "IsTwoPilotJob": true, "LastChange": "Daniel Dubois", "OnBoardDateTime": "0001-01-01T00:00:00", "OnBoardDate": "0001-01-01T00:00:00", "OrderDateTime": "2017-01-09T08:00:00", "PilotAboardDateTime": "0001-01-01T00:00:00", "PilotFinishTime": "0001-01-01T00:00:00", "PilotCode": 30, "PilotName": "S. D. WILLIAMS", "PilotPhone": "409-626-4805", "RundownDraftFeet": 39, "RundownDraftInches": 1, "RundownNotes": "ORDER", "SecondPilotCode": 0, "SecondPilotName": "C. D. BANCROFT", "ThirdPilotCode": 0, "ThirdPilotName": "", "TimeEstimate": "0800", "VesselBeam": 120.25, "VesselBredthFeet": 120.25, "VesselDwt": 52541, "VesselFlag": "SGP", "VesselHoldYesNo": "", "VesselHoldDescription": "", "VesselHoldDate": "0001-01-01T00:00:00", "VesselImo": "9726061", "Tugprimary": "", "VesselLoa": 738.25, "VesselNote": "NO THRUSTERS", "VesselRestriction": "2 PILOTS NON-DAYLIGHT", "VesselRestrictionDate": "1901-01-01T00:00:00", "AssignDate": null, "AssignDT": "0001-01-01T00:00:00" } ]}
Any idea what I could be doing wrong here?
Hi,
We recently upgraded from 2016 R2 to the latest 2017 R1 and noticed a change in the editor toolbar behavior. We insert a kendo combobox into the editor toolbar as a custom tool. Prior to upgrading we could click on the combobox, it would allow focus and we could type into the combobox, filtering the list of options. Now when clicking the combobox it does not allow focus. This seems like the editor is preventing focus on-click as we see this behavior for the built it comboboxes (font and font size).
Is this an intended change? If so, how can we allow focus to our combobox? Thanks,
Randy

Hi I am working with Kendo scheduler with AngularJS. Only month view is activated. Sometime I am facing a problem which one I can not reproduce always. Upon double clicking on any date I am going to date edit page(diff html same controller). I am editing some thing there and after saving, coming back to scheduler. From the edit page, I can back to scheduler without editing anything. When I just coming back to scheduler without editing/saving anything sometime I found that date selection is not correct. For example, If I click 5 Jan, 4 Jan is being selected, If I click 28 FEB then 27 Feb is being selected. For the first date of each week (First cell of each row) is being selected correctly. Any Idea?
Here is my scheduler option
$scope.schedulerOptions = { date: stDt , startTime: stDt, min: $scope.minDate, max: $scope.maxDate, height: 750, autobind: true, views: [ { type: "month" } ], timezone: "Etc/UTC", dataSource: $scope.tmpltDS, editable: false, selectable: true, change: scheduler_change, dataBound: scheduler_dataBound };Hi,
I tried to use Kendo-ui-react-jquery-diagram component, but i found an issue when requiring kendo.dataviz.diagram :
var _kendoDatavizDiagram = require('kendo/js/kendo.dataviz.diagram.js') ==> returns empty object.
How can i fix this problem ?
Thanks

Hello,
I wanted to update my TreeView control which uses a HierarchicalDataSource after I updated the array it uses.
You can see the fiddle here: https://jsfiddle.net/ZoolWay/gev9zj4j/
How can I update/refresh my TreeView after adding items? Changing a text works this way...
// how the datasource is configured:var myData = ... // already contains two items, one with subitemsvar myDataSource = new kendo.data.HierarchicalDataSource({ data: myData });// add item to the array:myData.push({ 'id': 3, 'text': 'Item 3'}); // read the updated arraymyDataSource.read();