Telerik Forums
Kendo UI for jQuery Forum
1 answer
146 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
192 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
732 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
1.0K+ 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
5 answers
359 views
I am using the dataBound event as described here: http://docs.kendoui.com/api/mobile/listview#events-dataBound

It seems I can't get it to fire.

This is my code (i have removed some irrelevant code in the click event):

$("#projectsList").kendoMobileListView({
    dataBound: function(e) {
        console.log('databound event fired!');
     },
    click: function (e) {
        console.log("click event fired");
    },
    template: $("#projectsListTemplate").html(),
    dataSource: dsProjects,
    endlessScroll: true,
    scrollTreshold: 10
});

I am not getting the 'databound event fired' in my console.

I have tried to set up a quick jsfiddle, but couldn't get that to work at all.


Jan-Dirk
Top achievements
Rank 1
 answered on 24 May 2013
3 answers
432 views
Hello,

I created a kendo grid and I handled the save event of the grid to execute my code for inserting/updating the database. However, every time I try to insert or update an item the save event is fired twice. I have attached a simple running page which demonstrates the issue.
Could you give me an advice what might be the reason for this problem and how it could be resolved? When an item is updated it is not such a problem if the item is updated twice, however, when inserting an item if the save event is fired twice two items will be inserted in the database which is not correct.

Thank you for your assistance in advance!
Rosen
Telerik team
 answered on 24 May 2013
6 answers
553 views
The scenario in the link below is almost exactly what my project requires.

http://demos.telerik.com/aspnet-ajax/grid/examples/programming/draganddrop/defaultcs.aspx

Unfortunately it has taken the better part of 2 weeks hunting through KendoUI's terrible documentation and poorly maintained forums and have not been able to recreate the situation.

Can someone please direct me as to where to find out how to create a set of drag and drop grids?
Samuel
Top achievements
Rank 1
 answered on 23 May 2013
4 answers
265 views
I have been seriously looking over the new kendo features (View, Layout, Router, etc). I am trying to figure out the best practices for structuring my app with said new features and was looking for some input on the subject.

I would appreciate some feedback to the following questions:
  1. My general impression is that the ObservableObject is solely intended for supplying data and event handlers to views+widgets. The responsibility of populating widgets and binding events falling to the bound views and any widgets they contain. Is this assumption correct?
  2. Assuming yes, if I want to pop up a temporary window, or add a widget to one of my bound views, who should be responsible for this? The ObservableObject, View, Widgets, or the Router?
  3. When it comes to displaying and editing data, the impression that I have gotten is that we are supposed to use views (with a form) for single objects, and widgets for collections of objects. Is that correct?
  4. When it comes to binding templates to MVVM bound widgets inside Views, all your examples say to use IDs to script tags within the page. Well what should I do when I am loading templates as strings in RequireJS rather than putting them in the DOM?

Thanks for any help you can provide. I am really eager to start using these new features. :)

Mike Powell
Top achievements
Rank 1
 answered on 23 May 2013
1 answer
163 views
Hello,

In the datetimepicker demo, the line separator is displayed correctly.  However, on my web site, it doesn't.

After investigating the problem, I did find out that the CSS used in the Kendo Demo isn't the same CSS distributed in the 2013.1.319 version.

Indeed, an height: 100% style seems to be present in the Demo CSS, but there's no trace of it in the distributed CSS.

Here's an image that will show you what is going on exactly

Best regards,

Simon
Simon
Top achievements
Rank 1
 answered on 23 May 2013
2 answers
243 views
We have recently upgraded our jQuery version, as well as downloaded the latest version of Kendo UI.
Since then, the following code, which worked previously, doesn't do anything:
var splitter = $("#horizontal").data("kendoSplitter");
if (expand && $("#center-pane").data("pane").collapsed) {
        //expand
        splitter.expand("#center-pane");
}
else {
        //collapse THIS ONE ISN'T WORKING
        splitter.collapse("#center-pane");
}
Either this is a known bug for everyone who recently upgraded jQuery, or, I suspect it is more likely because we are using a *customized* minified jQuery file, rather than the jquery.min.js included in the Kendo download. 

So, my question is: specifically, what dependencies of jQuery are required for the splitter tool. Also, are there any jquery.ui.js dependencies for the splitter? Aka, what jQuery libraries is the Splitter built upon? I couldn't find this type of documentation in the product specs. I would like to make sure our custom minified file includes all that is completely needed.

Thanks for your help!
Sarah
Petur Subev
Telerik team
 answered on 23 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
Drag and Drop
Map
ToolTip
Calendar
PivotGrid
ScrollView (Mobile)
Toolbar
TabStrip (Mobile)
Slider
Button (Mobile)
Filter
SPA
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
Chat
MultiColumnComboBox
Dialog
DateRangePicker
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Accessibility
Effects
PivotGridV2
Licensing
ScrollView
Switch
TextArea
BulletChart
QRCode
ResponsivePanel
Wizard
CheckBoxGroup
Localization
Barcode
Breadcrumb
Collapsible
MultiViewCalendar
Touch
RadioButton
Stepper
Card
ExpansionPanel
Rating
RadioGroup
Badge
Captcha
Heatmap
AppBar
Loader
Security
TaskBoard
Popover
DockManager
TimePicker
FloatingActionButton
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
DateTimePicker
RadialGauge
ArcGauge
AICodingAssistant
SmartPasteButton
PromptBox
SegmentedControl
+? more
Top users last month
Hiba
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Rakhee
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Hiba
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Rakhee
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?