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

Please.
Rakesh
Top achievements
Rank 1
 answered on 27 May 2013
8 answers
138 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
114 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
392 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
220 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.2K+ 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
110 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
151 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
676 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
979 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
Grid
General Discussions
Charts
Data Source
Scheduler
DropDownList
TreeView
MVVM
Editor
Window
DatePicker
Spreadsheet
Upload
ListView (Mobile)
ComboBox
TabStrip
MultiSelect
AutoComplete
ListView
Menu
Templates
Gantt
Validation
TreeList
Diagram
NumericTextBox
Splitter
PanelBar
Application
Map
Drag and Drop
ToolTip
Calendar
PivotGrid
ScrollView (Mobile)
Toolbar
TabStrip (Mobile)
Slider
Button (Mobile)
SPA
Filter
Drawing API
Drawer (Mobile)
Globalization
LinearGauge
Sortable
ModalView
Hierarchical Data Source
Button
FileManager
MaskedTextBox
View
Form
NavBar
Notification
Switch (Mobile)
SplitView
ListBox
DropDownTree
PDFViewer
Sparkline
ActionSheet
TileLayout
PopOver (Mobile)
TreeMap
ButtonGroup
ColorPicker
Pager
Styling
MultiColumnComboBox
Chat
DateRangePicker
Dialog
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
OrgChart
TextBox
Effects
Accessibility
PivotGridV2
ScrollView
BulletChart
Licensing
QRCode
ResponsivePanel
Switch
Wizard
CheckBoxGroup
TextArea
Barcode
Breadcrumb
Collapsible
Localization
MultiViewCalendar
Touch
RadioButton
Stepper
Card
ExpansionPanel
Rating
RadioGroup
Badge
Captcha
Heatmap
AppBar
Loader
Security
Popover
DockManager
FloatingActionButton
TaskBoard
CircularGauge
ColorGradient
ColorPalette
DropDownButton
TimeDurationPicker
ToggleButton
BottomNavigation
Ripple
SkeletonContainer
Avatar
Circular ProgressBar
FlatColorPicker
SplitButton
Signature
Chip
ChipList
VS Code Extension
AIPrompt
PropertyGrid
Sankey
Chart Wizard
OTP Input
SpeechToTextButton
InlineAIPrompt
StockChart
ContextMenu
TimePicker
DateTimePicker
RadialGauge
ArcGauge
+? more
Top users last month
Jay
Top achievements
Rank 3
Bronze
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Bronze
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?