Telerik Forums
Kendo UI for jQuery Forum
3 answers
216 views
Hi,

Please.
Rakesh
Top achievements
Rank 1
 answered on 27 May 2013
8 answers
125 views
The FX component is described as an extensible toolset. Where can I find the documentation describing how to actually extend it?

On API Reference FX I can read that the effects are: fade, zoom, slide, slideIn, expand.
  • I have some problems using the "slide" effect. Does it really exist?
  • The demos also show some more effects: flip, transfer, pageturn, tile. Why aren't they listed here?
Looking at the API Reference for FX: there is a node "Fx" with "FX Common API", "FX Expand", ... Furthermore there is another chapter "Fx" somewhere down. I fail to understand why this has been documented that way. Am I missing something? Please see the screenshot, if my words are too complicated.

Michael G. Schneider
mgs
Top achievements
Rank 1
 answered on 26 May 2013
4 answers
111 views

Hello, is that possible to do with kendo calendar that not all days were selectable for user?

something like on attached image (available days are underlined)

Josh
Top achievements
Rank 1
 answered on 24 May 2013
1 answer
376 views
I'm not certain if this should be posted in the Grid or Window forum, but the problem only happens when attempting to re-open a kendoWindow that has been closed.

We are trying to open a kendoWindow by double-clicking on a kendoGrid row. It works fine the first time, but after double-clicking on another row, getKendoGrid() returns undefined.

The markup for the entire page is attached. If I uncomment line 111 and comment out line 112, getKendoGrid() does not return undefined.

These are the errors I get:

Chrome 27:
Uncaught TypeError: Cannot call method 'select' of undefined

Firefox 21:
TypeError: dataGrid is undefined

IE 10:
Unhandled exception at line 110, column 5 in http://localhost/emanager/LeaseRental/UnitList
0x800a138f - JavaScript runtime error: Unable to get property 'dataItem' of undefined or null reference
Billy
Top achievements
Rank 1
 answered on 24 May 2013
6 answers
198 views
Hello Kendo,

With your latest version 2013 Q1 released, we are now using RequireJS + Kendo UI in our project. From your tutorial, I define a custom js moduel like the following

defind(['jquery', 'underscore', 'kendo.grid'], function($, _) {
});

However, an error described as 'kendo_module is not defined' was encounted every time I require this module. When I switched the dependency to kendo.grid.min, everything is going to be OK.

SO, how could I load the kendo ui source code using RequireJS, but without explicitly requiring kendo.data. I realized that if I require this file before kendo.grid, it makes sense too.

Plz help. Or am I doing something wrong?

Thanks,
Wenhao
Francesc
Top achievements
Rank 1
 answered on 24 May 2013
2 answers
5.1K+ views
Is there a way to define a max height on a grid? Then anything larger would utilize the scrolling. Can this be done?
DJo
Top achievements
Rank 1
 answered on 24 May 2013
1 answer
103 views
Hi,
we've got a display issue of the chart tooltips in IE 9 that I cannot explain. I've attached a screenshot. We paint a chart within a container and when hovering over a segment the tooltip overlaps the border of the container but looses its background. I'm looking for an explanation for this behaviour in IE 9 (Chrome and FF look perfect).

Does anybody have a clue what this is caused by?

Cheers, Heike

Remark:
Just found there's an issue, too, in Chrome (2nd screenshot). The tooltip is partly hidden by a neighbour container. Enhancing the tooltip's z-index did not help.
Alexander Valchev
Telerik team
 answered on 24 May 2013
2 answers
136 views
Hi,
I am using MVC Kendo (2013.1.319.340) with MVC 4 under dot.net 4.5.  LLBLGen is the O/R Mapper in version 3.5.  LLBLGen Pro to Linq is used (not EF or LinqToSQL). 

Binding a Kendo MVC Grid using Server Binding, sort/filter/group/page work fine.  Controller code is as follows:
public ActionResult Index()
{
    LinqMetaData metaData = new LinqMetaData(_adapter);
    return View(metaData.Mandant);
}
metaData.Mandant returns an IQueryable provided by LLBLGen.

When I try the same access using Ajax Binding, only Paging information is transformed properly to the IQueryable provider.  Controller code is
public ActionResult Query(DataSourceRequest request)
{
return Json(_db.GetMandant().ToDataSourceResult(request, entity => new
{
entity.AktualisiertAm,
entity.AktualisiertVon
}), JsonRequestBehavior.AllowGet);
}
Here only paging information is actually applied in the query emitted by LLBLGen.  Filter/Sort/Group settings are not being applied to the query at hand. 
Here is an older thread that seems to point to a similar issue (http://www.telerik.com/community/forums/aspnet-mvc/grid/sorting-with-llblgen-linqmetadata.aspx).  The lnk to the solution suggested (http://www.telerik.com/community/forums/aspnet-mvc/general/datetime-sorting-problem.aspx) is no longer valid.

Thank you for your help on this isse!



Masoud
Top achievements
Rank 1
 answered on 24 May 2013
2 answers
631 views
Hi,

I'm having some trouble to change my Kendo Grid´s DataSource to display some
JSON data retrieved by my controller. My controller function looks like:

public ActionResult GetNewData([DataSourceRequest] DataSourceRequest request)
{
    List<MyModel> myList = GetDataFromSomewhere();
    return Json(myList, "text/html", Encoding.UTF8, JsonRequestBehavior.AllowGet);
    //return Json(myList.ToDataSourceResult(request), "text/html",
                              //Encoding.UTF8,  JsonRequestBehavior.AllowGet);
}

Also tried with return type of [string, JsonResult].
My Grid´s Definition was done using HTMLHelper and looks like:

@(Html.Kendo().Grid<MyModel>()
    .Columns(c => c.Bound(m => m.Description).Title("Description"))
    .DataSource(ds => ds
    .Ajax().ServerOperation(false)
.Model(m => m.Id(s => s.Description)))
.Name("MyGrid")
.Selectable()
.Sortable())

Maybe I'm still thinking the wrong way, but my final goal would be to have two
Grids on-screen.

The Change-Event of the first Grid would trigger some JS-Function including the
Ajax-Block below to re-read  some dependent data into the second grid.

$.ajax({
    contentType: "json",
    url: '@Url.Action("GetNewData", "Home")',
    method: 'GET',
    success: function (d) {
         var g = $("#MyGrid").data("kendoGrid");
        //var data = [{"Description":"Desc1"},
       //                      {"Description":"Desc2"},
       //                      {"Description":"Desc3"},
       //                      {"Description":"Desc4"}];

       g.dataSource = new kendo.data.DataSource({ data: d });
       g.dataSource.read();
       g.refresh();
       alert("Data:" + d); // Displays excactly the same string as stored in ´data´
       }
});

The Json-Data-Array displayed in the last alert looks fine (exactly the same string as stored in ´data´):

[{"Description":"Desc1"},
 {"Description":"Desc2"},
 {"Description":"Desc3"},
 {"Description":"Desc4"}];

When I then launch it for 

g.dataSource = new kendo.data.DataSource({ data: d });

the Grid keeps empty but doing it with my local data array of ´data´ it represents the data:

g.dataSource = new kendo.data.DataSource({ data: data });

I'm still struggeling to find a working combination of providing parameters for the DataSource. Any help would be highly appreciated.

Many thanks in advance.



 




Philipp
Top achievements
Rank 1
 answered on 24 May 2013
1 answer
916 views
Good day,

I am trying to use the new Kendo ToolTip, but I get this error on the JS console, I am using the latest version of KendoUIComplete, it is pointing to the right direction. I don't know that I am missing.
Do you have a clue of what is going on?

<script src="~/Scripts/vendors/kendo/js/jquery.min.js"></script>
<script src="~/Scripts/vendors/kendo/js/kendo.all.js"></script>
...
...
    <script>
                    $(document).ready(function() {
                        var tooltip = $("#tooltip").kendoTooltip({
                            autoHide: false,
                            showOn: "click",
                            position: "right",
                            filter: "div",
                            width: 300,
                            content: "abc"
                        }).data("kendoTooltip");
                    });
                        
            </script>
                <div class="title left">Customer details </div>
                @if (Model.ExternalId == null)
                {
                    <input class="button small right bottom" type="button" onclick="window.location.href = '/Customers/Edit?addressId=@Model.Id'" value="Edit location" />
                }
                else
                {
                    
                }
            </div>
            <div class="clear"></div>
            <div class="divisionLine"></div>
        </div>

        <div class="clear"></div>
    <div id="tooltip">
                <div id="target1" class="k-group">Target 1</div>
                <div id="target2" class="k-group">Target 2</div>
    </div>
....

Thank you.

Rosen
Telerik team
 answered on 24 May 2013
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?