Telerik Forums
Kendo UI for jQuery Forum
1 answer
1.4K+ views
Hi All,

I was wondering, what are you supposed to do with a dataItem ?

In the grid documentation, I saw code that looked like this:

var row = this.select(); // assuming this is single select
var dataItem = this.dataItem(row);

However, I'm not sure what I can call on dataItem.  How do I get the values of the selected row?
Dimiter Madjarov
Telerik team
 answered on 19 Mar 2013
1 answer
55 views
I have made a widget with a grid encapsulated in it. When i give the grid a maximum height via
.k-grid-content{
    max-height: 200px;
}
i have problems selecting the rows a the bottom of the grid, when i scroll down and click on a row the grid scroll to the top and doesn't select anything. The problem only occurs in IE, in chrome this works perfect.

I have created a sample
jsfiddle

best regards
Iliana Dyankova
Telerik team
 answered on 19 Mar 2013
3 answers
578 views
I can't seem to center the Kendo UI Menu on a page.  It is always left aligned.  I can center the text on it using text-align:center, but I want to center the entire menu on a page and then have the text be left aligned.  So far I have not had any luck.  It seems like it should be an easy thing to do.

Anyone?

I've attatched an image of the menu how it currently looks.  If you look at it, I am using my own menu (in green) on the top that is centered. I am then using the Kendo UI Menu on the bottom (in black).  The problem is that I can't seem to center the menu.  I can get the text in each of the menu items to be centered, but I need the whole menu to be centered on the page like the top green menu.

Anyone know how to do this?  Can it be done?  What do I need to do to center it.  Anyone have an example of the Kendo UI Menu being centered on a page?

Adrian
Top achievements
Rank 1
 answered on 19 Mar 2013
0 answers
145 views
Hi,
I am new to kendo ui, i am trying to use kendo grid in my mvc application, with the help of getting started section on kendo site, i am following the steps but getting error . I get the below error message "htmlfile: Unexpected call to method or property access" in jquery.min.js file, the below line in the file gets higllighted
(this.nodeType===1||this.nodeType===11)&&this.appendChild(a)
Please help me in resolving the error, is it related to any error or anything
Sheo
Top achievements
Rank 1
 asked on 19 Mar 2013
3 answers
215 views
Open a modal window as in the code below.

Now drag the bottom of the underlying window up using the grab-bar, so that the bottom of the popup window is partially obscured.
var kendoWindow = $("<div id='msgwindow'/>").kendoWindow({
        iframe: true,
        title: "foo",
        resizable: true,
        modal: true,
        width: "700px",
        height: "666px",      
        content: { url: "foo.htm?startdate=" + foodate}
    }).data("kendoWindow");
 kendoWindow.open().center();


Now try to close the modal window by clicking on the [X] at top right corner. On my PC (IE9) the modal window won't close.


Alexander Valchev
Telerik team
 answered on 19 Mar 2013
2 answers
113 views
Hi everyone,
I am using kendo ui panelbar and grid. they are each in a different div. I would like every time i click on an item in the panel to be able to display content in the grid.
Is this possible? and if so, kindly help me please.

I will be grateful with your responses  
Nheily
Top achievements
Rank 1
 answered on 19 Mar 2013
1 answer
206 views
I would like my draggable element to stay in view, so if I need to drag my item down the page, the page will automatically scroll until I find the place a need to drop it.  Is this possible? 

Thanks,
Joe
Petur Subev
Telerik team
 answered on 19 Mar 2013
3 answers
250 views
How do I reference an existing menu item, when I like to add items to submenu?

var rootMenu = [{text:"one"},{text:"two"}];
$("#menu").kendoMenu({dataSource:rootMenu});

var menu = $("#menu").data("kendoMenu");

menu.append([{text:"one-first"},{text:"one-second"}],// I like to reference to rootmenu [text="one"]);

I tried adding attributes to my root menu, but could not figure out how when I'm populating it from a json.

ref: http://docs.kendoui.com/api/web/menu#methods

Thanks
Dimiter Madjarov
Telerik team
 answered on 19 Mar 2013
2 answers
111 views
Hi,

We have a fairly simple grid on a page.  The grid displays fine in Chrome and IE 10 and IE 9 with compatibility turn on.  With IE9 or IE10 with compatibility turned on, we get the following JS runtime error:

Unhandled exception at line 9, column 7339 in   http://localhost:55974/Scripts/KendoUi/kendo.web.min.js
0x800a139e - Microsoft JScript runtime error: Invalid template:'<tr data-uid="#=data.uid#" role='row'><td  role='gridcell'>${data.[==null?'':data.[}</td><td  role='gridcell'>${data.{==null?'':data.{}</td><td  role='gridcell'>${data. ==null?'':data. }</td><td  role='gridcell'>${data.f==null?'':data.f}</td><td  role='gridcell'>${data.i==null?'':data.i}</td><td  role='gridcell'>${data.e==null?'':data.e}</td><td  role='gridcell'>${data.l==null?'':data.l}</td><td  role='gridcell'>${data.d==null?'':data.d}</td><td 
...

I truncated the full error output but attached the full output to this post.  Again IE9 is the only browser that causes this error.  Everything works fine in IE 10 and IE 8 (and other browsers).

We are evaluating Kendo UI, but this is a major show-stopper for us and we need to make a decision in the next couple of days.  if we cannot find a workaround, we will need to go with a different 3rd party library.  

This is how the grid is declared:
        <table id="jobs" 
               data-role="grid" 
               data-bind="source: jobsList, events: { change: gridChange }"
               data-columns="[{ field: 'Id', width: 50, title: 'Id', filterable: true}, 
                            { field: 'Name', width: 80, title: 'Name', filterable: true}, 
                            { field: 'Description', width: 150, title: 'Description', filterable: true},
                            { command: ['edit','destroy'], title: '' }]"  
               data-toolbar="[{ name: 'create', text: 'Add new job'}]"
               data-pageable="true"
               data-editable="{mode: 'inline', confirmation: 'Are you sure you want to delete this job?  It will not be recoverable'}"
               data-sortable="true"
               data-column-menu="false"
               data-resizable="true"
               data-selectable="true"
               data-filterable="{ extra: false, operators: { string: { startswith: 'Starts with', eq: 'same as',  neq: 'different' }, number: {eq: '==',  neq: '!=' , gt: '>', lt: '<'}}}"
            >
        </table>

I can provide the datasource code as well if needed.

Any help will be greatly appreciated.

Thank you.
Florence
Top achievements
Rank 1
 answered on 19 Mar 2013
7 answers
281 views
Using the Q3 2012 version of Kendo, I'm failing to get an hourly line chart to work if the data spans when daylight savings takes affect. The browser locks up when the time value goes from, say, time zone offset -06:00 to -05:00. Please see the following example:

var data = [
        {
          time: new Date(2013, 2, 9, 22, 0, 0),
          value: 100
        },
        {
          time: new Date(2013, 2, 9, 23, 0, 0),
          value: 200
        },
        {
          time: new Date(2013, 2, 10, 0, 0, 0),
          value: 300
        },
        {
          time: new Date(2013, 2, 10, 1, 0, 0),
          value: 400
        },
        {
          time: new Date(2013, 2, 10, 2, 0, 0),
          value: 500
        },
        {
          time: new Date(2013, 2, 10, 3, 0, 0),
          value: 600
        }
      ];
 
      $("#chart").kendoChart({
        dataSource: {
            data: data
        },
        seriesDefaults: {
            type: 'line'
        },
        series: [{
            field: 'value'
        }],
        categoryAxis: {
            type: 'Date',
            baseUnit: 'hours',
            field: 'time'
        }
      });
    }
It'll render a chart if the last data record at Date(2013, 2, 10, 3, 0, 0) is left out, but fails when it's included. I've tried some other tests where all of the times are before daylight savings takes affect, and other tests where all of the times are after daylight savings takes affect, and they work. But it does not work if the time values cross from standard time into daylight savings.

I guess I'm missing something, but don't see what.
T. Tsonev
Telerik team
 answered on 19 Mar 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
Drag and Drop
Application
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
DropDownTree
ListBox
PDFViewer
Sparkline
ActionSheet
TileLayout
PopOver (Mobile)
TreeMap
ButtonGroup
Styling
ColorPicker
Pager
Chat
MultiColumnComboBox
Dialog
DateRangePicker
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Accessibility
Effects
Licensing
PivotGridV2
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
LLM Kit
+? more
Top users last month
Shiori
Top achievements
Rank 2
Iron
Tien
Top achievements
Rank 1
Iron
Robert
Top achievements
Rank 1
Rob
Top achievements
Rank 4
Bronze
Bronze
Iron
Geoff
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Shiori
Top achievements
Rank 2
Iron
Tien
Top achievements
Rank 1
Iron
Robert
Top achievements
Rank 1
Rob
Top achievements
Rank 4
Bronze
Bronze
Iron
Geoff
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?