Questions on Kendo UI for jQuery Forum

1 answer

162 views

Reordering columns issues

Hello there,

We faced with weird grid columns reordering issues. Here is the basic dojo: http://dojo.telerik.com/eyuVe/2

1. Steps to Reproduce:

2. Move Group 2 to the last column place.
2. Move Group 1 to the 2 place.
3. Move Group 2 to the 1 place.

As a result you could see switching child columns between Group 1 and Group 2 parent columns.

2. Attempt to move group before frozen column often cause to another group column headers disappearing

Steps to reproduce:

1) Go to http://dojo.telerik.com/eyuVe/2

2) Move group2 header to frozen column and release it when group2 header on top of frozen column (in position like on screen attached)

Grid

answered on 16 May 2017

2 answers

416 views

[Solved] kendo-dialog appears in bottom right hand corner.

I'm using Kendo UI for Angular and I've found that the dialog component, kendo-dialog, is no longer centering. instead it has started appearing in the bottom right hand corner of the browser window.

The issue doesn't appear to occur in the simplest case with just kendo-dialog component in a template and no other components. The issue appears to occur once more components have been added.

I was going to put try and put together a plunker but then I noticed that the SASS Theme Builder is exhibiting the issue. See http://themebuilder.telerik.com/kendo-angular-ui and press the open dialog button.

This issue affects both Chrome(58) and Edge.

Window

answered on 16 May 2017

3 answers

715 views

[Solved] Binding to Kendo UI Editor click event

I need to bind a handler to the click event of the Kendo UI editor after initialization.

I have tried to bind the handler to the iframe or the iframe body tag using jQuery bind(), .on() or .click() methods, but it does not work.

Can someone help and show me some example code how to bind to the click and double-click events please?

Regards

Johan

Editor

answered on 16 May 2017

4 answers

421 views

Error removing group column

Hello,

I have a grid with multiple nested aggregations. When I click on the 'X' icon to remove the aggregation, I get the following JavaScript error:

Uncaught TypeError: r[n].call is not a function

at init.trigger (kendo.all.js:124)

at init.change (kendo.all.js:47748)

at init.trigger (kendo.all.js:124)

at init._change (kendo.all.js:24315)

at init._removeIndicator (kendo.all.js:24311)

at HTMLAnchorElement.<anonymous> (kendo.all.js:24180)

at HTMLDivElement.dispatch (jquery.min.js:3)

at HTMLDivElement.r.handle (jquery.min.js:3)

The column button is removed from the aggregation top band, but the aggregated data remains in the grid and there is no way to get rid of it.

I don't know where to look. Any ideas?

Thank you,

Grid

answered on 15 May 2017

1 answer

122 views

MediaPlayer

Simple question, about the the MediaPlayer, if i click on the video, the video start and after that, if i click on the spacebar, the video stop.

If I start the video with the play on the toolbar, it's not possible to stop or start the video with the spacebar

I try to set the focus on the source when I click to the space bar but I think that i need to get back the focus to kendo.

Is somebody have someting to help me.

Thank You

Benoit Lemyre

General Discussions

answered on 15 May 2017

1 answer

114 views

Select multiple events across resource

Hello,

I have a requirement where i have to select multiple trips in a scheduler. I am able to press Ctrl+mouse down and select all events for the same resource but not across resources.

I read in an earlier thread (similar to my requirement) 'http://www.telerik.com/forums/multiple-event-selection-across-horizontal-resources' that this feature is not supported. Have this feature been included in any of the new releases?

This is a mandatory requirement in our project and really appreciate any work around.

Thanks

Shajina

Scheduler

answered on 15 May 2017

2 answers

1.6K+ views

Display Column With NoTitle/Text

I need to have a column (the last one) in the grid not have any text displayed. I tried putting the title to an empty string but it did not work. Solutions? Code is below:

function init() {     
  $('#dealerDetailsGrid').kendoGrid({         
      dataSource: {             
      type: "json",             
      transport: {                 
          read: "GetDealerDetails"             
      },             
      schema: {                 
          data: "data",                 
          total: "total"             
      },             
      pageSize: 10         
   },         
   sortable: true,         
   pageable: true,         
   columns: [            
      { field: "Oracle", title: "Oracle #" }, 
      { field: "Dealer" }, { field: "DealerType", title: "Dealer Type" }, 
      { field: "City" }, { field: "State" }, { field: "Status" }, 
      { field: "Remove", title: "" }         
   ]     
  }); 
}

Grid

answered on 15 May 2017

1 answer

228 views

I am using Telerik UI Scheduler for asp.net core Project.I am using WebApi to bind data and insert new meeting to the room but I have 2 problems are:

I am using Telerik UI Scheduler for asp.net core Project.I am using WebApi to bind data and insert new meeting to the room but I have 2 problems are:



 1. insert is called twice when I insert new Item. 

 2. update and delete methods are bound to Post and they are not calling corresponded  do delete of add operation.

html view

@(Html.Kendo().Scheduler<Meeting>().Name("scheduler").Date(new DateTime(2017, 5, 13))

.StartTime(new DateTime(2017, 5,13, 7, 00, 00))

.Editable(true)

.Views(views=>{

views.DayView();

views.AgendaView();

})

.Height(600)

.Timezone("Etc/UTC")

.Group(group => { group.Resources("Rooms"); group.Date(true); })

.Resources(resource =>

{

resource.Add(m => m.RoomId).Title("Room").Name("Rooms").DataTextField("Text").DataValueField("Value").DataColorField("Color").BindTo(new[] {

new { Text = "Meeting Room 101", Value = 1, Color = "#6eb3fa" },

new { Text = "Meeting Room 201", Value = 2, Color = "#f58a8a" }

});

resource.Add(m => m.Attendees)

.Title("Attendees")

.Multiple(true)

.DataTextField("Text")

.DataValueField("Value")

.DataColorField("Color")

.BindTo(new[] {

new { Text = "Alex", Value = 1, Color = "#f8a398" } ,

new { Text = "Bob", Value = 2, Color = "#51a0ed" } ,

new { Text = "Charlie", Value = 3, Color = "#56ca85" }

});

}).DataSource(d => d

.WebApi()

.Model(m =>

{

m.Id(f => f.RecordId);

m.Field(f => f.Title).DefaultValue("No title");

})

.Events(events => events.Error("error_handler"))

.Read(read => read.Action("Get", "Meeting"))

.Create(create => create.Action("Post", "Meeting"))

.Update(update => update.Action("Put", "Meeting", new { id = "{0}" }))

.Destroy(destroy => destroy.Action("Delete", "Meeting", new { id = "{0}" }))

).Deferred())

@* All initialization scripts are rendered to the bottom of the page, see _Layout.cshtml *@

@section scripts {

@Html.Kendo().DeferredScripts()

}

<script>

function error_handler(e) {

var errors = $.parseJSON(e.xhr.responseText);

if (errors) {

alert("Errors:\n" + errors.join("\n"));

}

</script>

meeting Web api controller

[Route("api/[controller]")]

public class MeetingController : Controller

{

private IMeetingData meetingData;

public MeetingController(IMeetingData meetingData)

{

this.meetingData = meetingData;

}

// GET api/task

[HttpGet]

public DataSourceResult Get([DataSourceRequest]DataSourceRequest request)

{

return meetingData.GetAll().ToDataSourceResult(request);

}

// POST api/Meeting

[HttpPost]

public IActionResult Post(Meeting m)

{

if (!ModelState.IsValid)

{

return BadRequest(ModelState.Values.SelectMany(v => v.Errors).Select(error => error.ErrorMessage));

}

meetingData.Insert(m, null);

return new ObjectResult(new DataSourceResult { Data = new[] { m }, Total = 1 });

}

// PUT api/Meeting/5

[HttpPut("{id}")]

public IActionResult Put(int id, Meeting m)

{

if (ModelState.IsValid && id == m.RecordId)

{

try

{

meetingData.Update(m, null);

}

catch (Exception)

{

return new NotFoundResult();

}

return new StatusCodeResult(200);

}

else

{

return BadRequest(ModelState.Values.SelectMany(v => v.Errors).Select(error => error.ErrorMessage));

}

// DELETE api/Meeting/5

[HttpDelete("{id}")]

public IActionResult Delete(int id)

{

try

{

meetingData.Delete(new Meeting { RecordId = id }, null);

}

catch (Exception)

{

return new NotFoundResult();

}

return new StatusCodeResult(200);

}

Scheduler

answered on 15 May 2017

3 answers

234 views

PDF can't find Fonts

Hi there.

I'm having an issue with the "pdf" feature when it's being executed in an environment diffent than localhost.

Consider I have Kendo UI in my ASP.Net MVC 5 application located under "/Content/js/kendoui" path. In order to make the pdf generation works, I had to add "fonts/DejaVu" under "/Content/js/kendoui/styles/" path. In my development environment, it works, because the scheduler's pdf feature looks after it under "/Content/js/kendoui/styles/fonts/DejaVu/DejaVuSans.ttf?v=1.1" url.

But when I deploy the app in another environment, that feature looks after those fonts in a totally different path! It tries to reach it under "/css/fonts/DejaVu/DejaVuSans.ttf?v=1.1" url.

Why that happens and how can I fix it?

Thanks in adv.

Scheduler

answered on 15 May 2017

3 answers

369 views

Stored Procedures Web API to grid

I got error message when I called Stored Procedures "GetCustOutstanding" from Web API and want to send data to kendo grid. How can I fix that? Thanks.

Error message: "The result of a query cannot be enumerated more than once."

IQueryable<GetCustOutstanding_Result> result = db.GetCustOutstanding().OrderBy(x=>x.NetDay).AsQueryable();

return result.ToDataSourceResult(request.Take, request.Skip, request.Sort, request.Filter); <=== error in this line

Grid

answered on 15 May 2017