Telerik Forums
UI for ASP.NET MVC Forum
15 answers
2.9K+ views

I want to open a kendo window when click in kendo grid cell. The code is

                columns.Bound(s => s.HasComments)
                    .HeaderHtmlAttributes(new { title = "Comments"})
                    .ClientTemplate("<div class='sprite sprite-note' onclick='openCommentWindow('ResourceSport', '<#= ResourceSportId #>', '<#= SportName #>', '" + Model.Editable + "', 'true');'></div>")
                    .Width(100);

openCommentWindow is jquery function. But onclick does not respond at all. I want to know what is the problem and how to do this. Thanks.

Dimiter Madjarov
Telerik team
 answered on 15 Oct 2015
5 answers
1.3K+ views
I have a nested grid that when I am adding a new child, I would like  the input for the new child to be filled based on a column from the parent.
Basically I need to get reference to the data object for the parent of the child. I am not sure how to traverse the node structure to go all the way to the parent and get a column. (2 input columns and a mulltiselect column),

the edit event has the following according to the docs

http://docs.kendoui.com/api/web/grid#events-edit
Alexander Popov
Telerik team
 answered on 15 Oct 2015
1 answer
1.8K+ views

Hi!
I would like to say that i have already read similiar topics in this forum and none of them solved my problem. When im trying to access dynamically created window data("kendoWindow") the result is undefined :/

So i've got a "Contractors" View which got almost nothing inside it, besides kendo Grid and few buttons + this placeholder:

<div id="editContractorNaturalPersonWindow"></div>

When a user clicks the button, window is opened:

 

$(".contractorNaturalPerson").click(function () {
                var dataUrl = $(this).data("url");
                $("#editContractorNaturalPersonWindow").kendoWindow({
                    content: {
                        title: "title123",
                        url: dataUrl
                    },
                    open: function () {
                        kendoWindow_center("#editContractorNaturalPersonWindow");
                    },
                    refresh: function () {
                        kendoWindow_center("#editContractorNaturalPersonWindow");
                    }
                });
                var dialog = $("#editContractorNaturalPersonWindow").data("kendoWindow");
                dialog.open();
            });

 

Till now everything works, window is being opened, centered, etc. Inside dynamically loaded "EditContractorNaturalPerson" Partial View i've got a simple form with few textboxes and this script:

 

$('.editContractorNaturalPersonForm').submit(function () {
            if ($(this).valid()) {
                $.ajax({
                    url: this.action,
                    type: this.method,
                    data: $(this).serialize(),
                    success: function (data) {
                        if (data.result == "Success") {
                            debugger;
                            var dialog = $("#editContractorNaturalPersonWindow").data("kendoWindow");
                            dialog.close();
                            
                            $('#contractorsGrid').data('kendoGrid').dataSource.read();
                            return false;
                        }
                        else if (data.result == "Error") {
                            debugger;
                            for (prop in data.modelErrors) {
                                if (data.modelErrors[prop].length > 0) {
 
                                    $("#" + prop).next().text(data.modelErrors[prop]);
                                }
                            }
                        }
                    },
                    error: function (xhr, ajaxOptions, thrownError) {
                        alert("EditContractorNaturalPerson-AjaxError");
                    }
                });
            }
            return false;
        });

 

This line:

var dialog = $("#editContractorNaturalPersonWindow").data("kendoWindow");

Gives me undefined, EVEN THAT jQuery found this object:

$("#editContractorNaturalPersonWindow")

 I already tried to remove window by destroying this jquery object (k-window) but it breaks its functionality. What can i do ? Please help :)

Plamen Lazarov
Telerik team
 answered on 15 Oct 2015
3 answers
433 views

Hi,

 I have probably missed something really obvious, but I just can't seem to find the right property.

 I have a Grid bound to an OData source from which I am auto generating the columns. When this happens the column titles are not split around capital letters so they are readable unlike when they are bound individually. I tried using a column build action to set the titles of the columns, but it doesn't seem to work... unless I am doing something not quite right.

 A bit of example code here (I have just tried to change the column name to a set value, but it doesnt work when I try to split the column member name either)

@(Html.Kendo().Grid<dynamic>()
      .Name(Model.Name)
      .Columns(columns =>
      {
          //columns.AutoGenerate(true);
          //columns.AutoGenerate(col => col.Title = col.Member.SplitPascalCase());
          columns.AutoGenerate(col => col.Title = "COLUMN NAME");
      })
      .DataSource(dataSource => dataSource
          .Custom()
          .Type("odata")
          .Schema(schema =>
          {
          schema.Data("value")
              .Total
              (
                    @<text>
                        function total(data)
                        {
                        return data["odata.count"];
                        }
                    </text>
                );
          })
          .Transport(transport =>
          {
              transport.Read(read => read.Url(Model.ODataPath).DataType("json"));
          }
          )
          .PageSize(Model.PageSize)
          .ServerPaging(true)
          .ServerSorting(true)
          .ServerFiltering(true)
      )

thanks,

 Rob

​

Nikolay Rusev
Telerik team
 answered on 15 Oct 2015
4 answers
354 views

Hello,

 

We are updating a project to the most recent release (2015.3.930), pretty much specifically to fix the whole "No records found" scenario.  Currently we use the javascript method people have come up with, putting a setTimeout on the DataBound event of the grid, but this is pretty unreliable and as such, when the official No Records Found came out, we would prefer to use that.

 

It seems however that in our most unreliable case (a nested grid, 5 levels down, business requirement), the now-built-in NoRecords is not working at all.  It works fine on single level grids, but in this instance, when the grid is a Client Template (using .ToClientTemplate() - we use the fluent API for MVC), it doesn't do anything.

 

I thought maybe it was because we had Pageable disabled (.Pageable(paging => paging.Enabled(false))) and so there was no footer, but even enabling this didn't make it work.  The footer correctly detects that there are no items found (as it displays that default message in the bottom right corner), but the .NoRecords("No Records Found!") does not render in the grid, or in the DOM at all.

 

The below is what gets rendered, which has no message for the no records found.

 

<table role="grid">
<colgroup>
<col style="width: 22%;">
<col style="width: 21%;">
<col style="width: 40%;">
<col style="width: 10%;">
</colgroup>
<thead class="k-grid-header" role="rowgroup">
<tr role="row">
...
</tr>
</thead>
<tbody role="rowgroup">
<tr class="k-no-data">
<td colspan="4">
</td>
</tr>
</tbody>
</table>

 

 The definition of the subgrid is as follows

 

<script id="SuperSubGridTemplate" type="text/kendo-tmpl">    
        @(Html.Kendo().Grid<ReportSuperSubGridVM>()
              .Name("SuperSubGrid")
              .Columns(column =>
              {
                  column.Bound(x => x.Column1).Width("22%").Title(@Resources.Global.Column1);
                  column.Bound(x => x.Column2).Width("21%").Title(@Resources.Global.Column2);
                  column.Bound(x => x.Column3).Width("40%").Title(@Resources.Global.Column3);
                  column.Bound(x => x.Column4)
                      .ClientTemplate("\\#if(Column4){\\# " + @Resources.Global.Yes + "\\#}else{\\#" + @Resources.Global.No + "\\#}\\#")
                      .Width("10%")
                      .Title(@Resources.Global.Column4);
              })

              .DataSource(dataBinding => dataBinding
                  .Ajax()
                  .PageSize(500)
                  .Read(read => read.Action("GetSuperSubGridData", Constants.Controller_Report, new
                  {
                      Parameter1 = "#=ParentColumn1#"
                      ,Parameter2 = "#=ParentColumn2#"
                      ,Parameter3 = "#=ParentColumn3#"
                      ,Parameter4 = "#=ParentColumn4#"
                      ,Parameter5 = "#=ParentColumn5#"
                      ,Parameter6 = "#=ParentColumn6#"
                      ,Parameter7 = "#=ParentColumn7#"
                      ,Parameter8 = "#=ParentColumn8#"
                      ,Parameter9 = "#=ParentColumn9#"
                      ,Parameter10 = "#=ParentColumn10#"
                  }))
                   .Sort(c => c.Add(x => x.Column1))
              )              
              .Scrollable(scrolling => scrolling.Enabled(false))
              .Sortable()
              .Filterable(filtering => filtering.Enabled(true))
              .Pageable(paging => paging.Enabled(false))
              .NoRecords(@Resources.Global.NoResultsFound)
              .ToClientTemplate()
 )
</script>

  

Again, this works on non-nested grids, but for some reason I can't seem to get it to work on this one.

 

Thank you for any help!

CHRISTOPHER
Top achievements
Rank 1
 answered on 14 Oct 2015
1 answer
130 views

Hello,
I have a problem with a client detail template with a grid. If Kendo is localized into Czech can not open the detail view. Commented <globalization culture = "cs-Cz" uiCulture = "cs-CZ" /> in the web.config file to fix the problem.
I attach a simple project on which it is seen.

I delete kendo scripts and css from project.

Rosen
Telerik team
 answered on 14 Oct 2015
4 answers
326 views

We have a DropDownList that has several thousand records, so we set it up using Virtual following the example of the Virtualization demo.  We have a new requirement that those records need to be filtered by the selection of a different DropDownList, so this virtual DropDownList will need to cascade from the other DropDownList.  Even filtered, there will still be a thousand records in the DropDownList, so it still needs to be virtual.

Is it possible to use virtualization with a DropDownList that cascades?

Kevin
Top achievements
Rank 1
 answered on 13 Oct 2015
2 answers
157 views

Hi,

We are designing an application using ASP MVC , Fluent NHibernate and Kendo UI.
The client now has a requirement to abstract the datalayer(Entity Framework) using plane WCF service(notWCF 

 

 

 

Boyan Dimitrov
Telerik team
 answered on 13 Oct 2015
1 answer
220 views

Hello, I have recently downloaded the Kendo MVC toolkit planning to get it implemented for web app. I am confused not good with Jquery. In have used HTML decode function to pass a string data to the view. Where I decode it like @Html.Raw(WebUtility.HtmlDecode(Model.GetTreeLists())) inside a div and simple pass the id to Kendotreeview like

$("#treeData").kendoTreeView({
});

Now I have also a Kendo grid on a same view and I would like to populate the grid by selecting a record inside my treeview any suggestions would be appreciated..

Boyan Dimitrov
Telerik team
 answered on 13 Oct 2015
6 answers
1.9K+ views
I have kendo mvc wrappers in several projects, but in one project I keep getting this error, no matter what control I am using

0x800a01b6 - JavaScript runtime error: Object doesn't support property or method 'kendoButton'

I have checked my project again others that are working and I cant see any difference so I am concussed as to why it is not working.

Can you tell me what would cause this error  to helpme narrow it down.

I have the right scripts I believe and all scripts and css return a status 200

<script src="/Scripts/jquery-2.1.0.js"></script>
<script src="/Scripts/jquery.validate.js"></script>
<script src="/Scripts/jquery.validate.unobtrusive.js"></script>
<script src="/scripts/jscript/thatsfunctions.js"></script>
<script src="/scripts/jscript/site.js"></script>
<script src="/scripts/kendo/kendo.all.min.js"></script>
<script src="/scripts/kendo/kendo.aspnetmvc.min.js"></script>

I have the ref to the dll, I have the namespace in webconfig

<add namespace="Kendo.Mvc.UI" />

Any ideas would be appreciated, as I have spent hours trying to get this to work, thanks
Dimiter Madjarov
Telerik team
 answered on 13 Oct 2015
Narrow your results
Selected tags
Tags
+? more
Top users last month
Anislav
Top achievements
Rank 6
Silver
Bronze
Bronze
Jianxian
Top achievements
Rank 1
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Jim
Top achievements
Rank 2
Iron
Iron
Nurik
Top achievements
Rank 2
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Anislav
Top achievements
Rank 6
Silver
Bronze
Bronze
Jianxian
Top achievements
Rank 1
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Jim
Top achievements
Rank 2
Iron
Iron
Nurik
Top achievements
Rank 2
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?