Telerik Forums
UI for ASP.NET MVC Forum
5 answers
515 views
can anyone tell me how I can determine the version of the JQuery library the cdn uses ?  When I convert an mvc4 app to kendo ui, this gets added to the layout page

 <script src="http://cdn.kendostatic.com/2012.3.1114/js/jquery.min.js"></script>

how canj I ensure Im using the latest version ?  (currently v1.9.0)
Dimo
Telerik team
 answered on 15 May 2017
3 answers
299 views

Hi,

I'm not able to get the drag handler in the task progress bar.I want implement drag handler to change the percent complete. This is my code

@(Html.Kendo().Gantt<TaskGanttFacade, TaskGanttDependencyFacade>((IEnumerable<TaskGanttFacade>)ViewBag.Tasks, (IEnumerable<TaskGanttDependencyFacade>)ViewBag.Dependencies)
          .Name("gantt")
                  .DataSource(ds => ds.Read(read => read
                                    .Action("Tasks", "Home")
                                )  
              .Model(m =>
              {
                  m.Id(f => f.Id);
                  m.ParentId(f => f.ParentId);
                  m.OrderId(f => f.OrderId);
                  m.Field(f => f.Expanded).DefaultValue(true);
              })
          )
                  .DependenciesDataSource(ds => ds.Read(read => read
                                    .Action("Dependencies", "Home")
                                )
              .Model(m =>
              {
                  m.Id(f => f.DependencyId);
                  m.PredecessorId(f => f.PredecessorId);
                  m.SuccessorId(f => f.SuccessorId);
                  m.Type(f => f.Type);
              })
          )

          .Columns(columns =>
          {
              columns.Bound("title").Editable(true).Sortable(true).Width(200);
              columns.Bound("Owner").Editable(true).Sortable(true).Width(75);
              columns.Bound("Property").Editable(true).Sortable(true).Width(50);
              columns.Bound("end").Title("End Time").Format("{0:MM/dd/yyyy}").Width(75).Editable(true).Sortable(true);
          })
          .Views(views =>
          {
              views.WeekView(weekView => weekView.Selected(true));
              views.MonthView();
          })
          .Events(events => events
              .DataBound("onDataBound")
          )
          .Height(500)
          .ListWidth("450")
          .ShowWorkHours(false)
          .ShowWorkDays(false)
          .Snap(false)
          .Resizable(true)
          .Editable(false)
    )

Can use please let me know if I have missed something or how can I implement it?

I tried using task template and added a div with class="k-task-draghandle" but I was not able to drag that.

I have also attached the image of my gantt chart for reference.

Thanks,

Keerthana

Ivan Danchev
Telerik team
 answered on 12 May 2017
3 answers
345 views

Hi,
I am using an HTML Button (Say Save) Outside Kendo Grid toolbar to save the data.
On Button click I have called the JavaScript function and from JavaScript I am calling the saveChanges method that fires my events in controller.
I have following four events written in controller.   
Editing_Create, Editing_Update, Editing_Destroy and Save. The events are also getting fired.
My question is if I add, update and delete some records from the grid and hit the Save Button, what is the sequence in which the above four controller action will get executed. Currently it is getting executed in any random order each time.

Please advice.

Regards,
Mahendra

Stefan
Telerik team
 answered on 12 May 2017
1 answer
136 views
Whenever a tooltip is created, the .k-tooltip div is placed on the body. I need the tooltip elements to be placed inside a div on the body.
Ivan Danchev
Telerik team
 answered on 12 May 2017
1 answer
523 views

Hi,

I need to get hold of the Column click event,I managed to get the row click event through 'onchange',I was able to set a class for this particular column too but I am clueless on how to identify the column on which the click event took place.Please help me out here.

Thanks in advance,

Didi

Nencho
Telerik team
 answered on 12 May 2017
2 answers
79 views

Hello,

I'm stumped, and could use some direction. If you can provide me a clue, I'd appreciate it.

In my app, I have a view containing a grid. Each row of the grid corresponds to a Job. Each Job has a Schedule, itself an object, as one of the Job's members.

So, from this grid in which each row corresponds to a Job, I need to be able to open a partial view in which to edit a Job's schedule. (In each row, I can edit the Job data members that are simple types. But to edit its Schedule, I need to open a partial view.)

I am aware that there is a Window control. That may be the appropriate mechanism for opening the partial view. There is the matter of passing the appropriate model object to the partial view, which would be the Job's Schedule.

Here's what the grid looks like, minus any column for the Schedule (I don't know what that looks like yet.)

 

@Html.Kendo().Grid(Model).Name("JobsRecurringGridEx").DataSource(d => d.Ajax()
        .Model(m =>
        {
            m.Id(o => o.ID);
            m.Field(o => o.ID).Editable(false);
        })
        .Batch(true)
        .Read(r => r.Action("GetJobsRecurringAll", "JobsRecurring"))
        .Update(r => r.Action("UpdateJobsRecurring", "JobsRecurring"))
        .Create(r => r.Action("AddJobsRecurring", "JobsRecurring"))
        ).Columns(col =>
        {
            col.Bound(o => o.ID);
            col.Bound(o => o.JOB_NAME).EditorTemplateName("String");
            col.Bound(o => o.DBID).EditorTemplateName("String");

            col.Bound(o => o.PARAMETER_1).Hidden(true).EditorTemplateName("String");
            col.Bound(o => o.PARAMETER_2).Hidden(true).EditorTemplateName("String");
            col.Bound(o => o.PARAMETER_3).Hidden(true).EditorTemplateName("String");
            col.Bound(o => o.PARAMETER_4).Hidden(true).EditorTemplateName("String");
            col.Bound(o => o.PARAMETER_5).Hidden(true).EditorTemplateName("String");
            col.Bound(o => o.PARAMETER_6).Hidden(true).EditorTemplateName("String");
            col.Bound(o => o.PARAMETER_7).Hidden(true).EditorTemplateName("String");
            col.Bound(o => o.PARAMETER_8).Hidden(true).EditorTemplateName("String");
            col.Bound(o => o.PARAMETER_9).Hidden(true).EditorTemplateName("String");
            col.Bound(o => o.PARAMETER_10).Hidden(true).EditorTemplateName("String");

            col.Bound(o => o.START_RUN_DATE_TIME);
            col.Bound(o => o.LAST_RUN_DATE_TIME);
            col.Bound(o => o.NEXT_RUN_DATE_TIME).EditorTemplateName("DateTime");
            col.Bound(o => o.SEED_RUN_DATE_TIME).EditorTemplateName("DateTime");

            col.Bound(o => o.RUN_INTERVAL).EditorTemplateName("Integer");
            col.Bound(o => o.ACTIVE);
            col.Bound(o => o.PAUSED).Hidden(true);
            col.Bound(o => o.CREATED_BY).Hidden(true).EditorTemplateName("String"); ;
            col.Bound(o => o.CREATED_DATE_TIME).Hidden(true).EditorTemplateName("DateTime");
         
        }).Editable(e => e.Mode(GridEditMode.InCell)).ToolBar(tb => { tb.Create(); tb.Save(); }).Sortable().Filterable().Pageable()

 

The partial view that I need to use in order to edit a Job's Schedule is "~/Views/JobSchedule/_Index.cshtml".

 

 

 

 

 

 

Help
Top achievements
Rank 1
 answered on 11 May 2017
6 answers
5.3K+ views
I am trying to add HTML5 data- attributes to a data bound column in an MVC grid.

I'm looking for something like this without having to resort to using a template.  Obviously, the syntax in the new object is invalid because of the hyphens.
columns.Bound(i => i.InvoiceNumber).Title("Company").HtmlAttributes(new { data-company-id = @item.CompanyId});

Is there a way to accomplish this?
li
Top achievements
Rank 1
 answered on 11 May 2017
1 answer
442 views
Anyone know why my DateTime is losing milliseconds when returning back to the server from a grid? E.g. I use Entity framework to select a SQL DateTime value (UTC) and populate a Kendo grid. Then during the grid's update event if I check the date it seems to have lost its milliseconds. I'm trying to use this for concurrency checking and it needs to be precise. Any ideas would be greatly appreciated!
Georgi
Telerik team
 answered on 11 May 2017
5 answers
475 views
Hi,
I am using the below code to call the update event of the data source. 
<script>
function error(e) {
            var grid = $("#gantt").data("kendoGantt");
            grid.one("dataBinding", function(args) {
                e.preventDefault();
            });
            if (e.errors) {
                var msg = "";
                $.each(e.errors, function(key, value) {
                    if (value.hasOwnProperty("errors")) {
                        $.each(value.errors, function() {
                            msg += this + "<br />";
                        });
                    }
                });
             alert(msg);
            }
        }
</script>

@(Html.Kendo().Gantt<TaskGantt, TaskGanttDependency>()
    .Name("gantt")
    .DataSource(ds => ds
                        .Read(read => read
                            .Action("Tasks", "Home")
                        )
                        .Update(update => update
                            .Action("Update", "Home")
                        )
                        .Events(events => events
                          .Error("error")
                        )
                        .Model(m =>
                        {
                            m.Id(f => f.Id);
                            m.ParentId(f => f.ParentId);
                            m.OrderId(f => f.OrderId);
                            m.Field(f => f.Expanded).DefaultValue(true);
                        })
                    )
                    .DependenciesDataSource(ds => ds
                        .Read(read => read
                            .Action("Dependencies", "Home")
                        )
                        .Model(m =>
                        {
                            m.Id(f => f.DependencyId);
                            m.PredecessorId(f => f.PredecessorId);
                            m.SuccessorId(f => f.SuccessorId);
                            m.Type(f => f.Type);
                        })
                    )
                    
    .Columns(columns =>
    {
        columns.Bound("title").Editable(true).Sortable(true);
        columns.Bound("end").Title("End Time").Format("{0:MM/dd/yyyy}").Width(100).Editable(true).Sortable(true);  
    })
    .Views(views =>
    {
        views.WeekView(weekView => weekView.Selected(true));
        views.MonthView();
    })
    .Events(events=> events
        .DataBound("onDataBound")
    )
    .Height(500)
    .ShowWorkHours(false)
    .ShowWorkDays(false)
    .Snap(false)
    .Resizable(true)
    )
The update event is getting triggered multiple times when i am trying to update a single task inline. I want the update event to get triggered only once for a single task update.I have also attached the image which indicates the multiple event trigger for the inline edit of the highlighted child task.Can anyone help me in where i am going wrong or what has to be done to prevent the multiple event triggers.

Thanks
Veselin Tsvetanov
Telerik team
 answered on 11 May 2017
7 answers
1.7K+ views
The code below works fine. I need to add a column to the grid that shows an image 
(bound or not bound I don't care as long as the image shows and not the model property).
The new column should launch a Kendo Window widget with a string property of the model
serving as the input content of the Kendo Window. The property on the model might be something like
model.FailureMessage.

Thanks,

Html.Kendo().Grid(Model.AppointmentList).Name("FailedAppointments")             
    .Columns(columns =>             
    {                 
            columns.Bound(o => o.MemberFirstName).Title("Member First Name").Width(50);                 
            columns.Bound(o => o.MemberLastName).Title("Member Last Name").Width(50);                 
            columns.Bound(o => o.ClientMemberID).Title("Client ID").Width(50);                 
            columns.Bound(o => o.ProviderID).Title("Provider ID").Width(50);                 
            columns.Bound(o => o.ProviderFirstName).Title("Provider First Name").Width(50);                 
            columns.Bound(o => o.ProviderLastName).Title("Provider Last Name").Width(50);                 
            columns.Bound(o => o.AppointmentDate).Title("Appointment Date").Width(50);                 
            columns.Bound(o => o.IHAAppointmentID).Hidden(true);             
    })             
    .Pageable(pager => pager.PageSizes(true))             
    .Sortable(sorting => sorting.SortMode(Kendo.Mvc.UI.GridSortMode.SingleColumn))             
    .Scrollable(scrolling => scrolling.Height(300))             
    .TableHtmlAttributes(new { Class = "dataGridTable" })                             
   
Dimo
Telerik team
 answered on 11 May 2017
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?