Questions on Kendo UI for jQuery Forum

3 answers

728 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

431 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

127 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

120 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

235 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

266 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

383 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