Telerik Forums
Kendo UI for jQuery Forum
2 answers
179 views

We are trying to convert from using the normal kendo grid to using a tree list grid for one of our features.

With the normal grid when the footertemplate is executed it is provided the full set of aggregates from the datasource. This allows us to perform a calculation from two different aggregates and apply to custom html.

The tree list footertemplate is called with the aggregate for that column / field only, it is wrapped in a way that you cannot access the rest of the aggregate object even though they are available in the datasource. Because we are using shared templates it is not convenient to go to the datasource by #element to get the rest of the aggregates. The IIF that wraps the execution of the template is not called with the context of the datasource being 'this' so we are not able to get any more information but the individual field aggregate.

Why can't the two grids / datasources work the same way with footertemplates?

Thanks,

Rob.

Nikolay Rusev
Telerik team
 answered on 14 May 2015
1 answer
412 views

Hi There,

 

I am trying to get reference of the kendo-grid and then want to get the current dataItem, but followng code fails cause the 

element.closest('kendo-grid').getKendoGrid()

returns undefined. Can anyone help me out as I am not able to find the correct answer anywhere.

 

Thank You,

Nilesh 

Alexander Valchev
Telerik team
 answered on 14 May 2015
1 answer
182 views

I'm trying to use a single datetime field in my datasource to display the date and time pieces separately, but the formatting isn't working for some reason. 

Here's piece of example JSON:

{"Course": {
    "Name":"Test Course",
    "ChapterData":[{
        "Name":"Module 1",
        "TaskData":[{
            "Name":"Module 1 Task 1",
            "CompletedDate":"05\/12\/2015 19:25:43"
        }]
    }]
}}
And this is the template where I'm trying to format the values:

<i class="fa-icon-check mar-rt-sm"></i>#= kendo.toString(data.ChapterData[c].TaskData[t].CompletedDate, 'dd-MMM-yyyy') #
<span class="hidden-xs">#= kendo.toString(data.ChapterData[c].TaskData[t].CompletedDate, 'h:mm tt') #</span>

As you can see, I'm trying to display the date as "12-May-2015" and the time as "7:25 PM", but I just keep getting the whole, unformatted string ("05/12/2015 19:25:43") on my display. I wasn't able to find any information on time formatting specifically, and even when I created separate nodes in the JSON (ie. CompletedDate and CompletedTime), I still couldn't get the formatting to work.

Plamen
Telerik team
 answered on 14 May 2015
2 answers
1.7K+ views
Hi,

this is not working anymore and used to work before and after update it stop working. I want the validation to change the color in only drop down. not on other controls.

.k-dropdown  .k-tooltip-validation
{
          position: absolute;
         background-color: red
          color:white;
}

thanks

Brian
Top achievements
Rank 2
 answered on 13 May 2015
3 answers
972 views

A little background first:  I am building a dashboard for our accounting department which has various metrics and actuals displayed in a Kendo UI Grid object.  I am hosting this dashboard on our company's SharePoint site and am building the datasource for the grid by combining information found in multiple SP lists using SPServices and a custom JS array join function.

My problem is that each one of these 16 rows of metrics and actuals are unique in the type of information they contain; some rows contain monetary values, some contain decimals, some contain whole numbers.  I need to find a way to format a couple columns in the grid based upon what type of information that row contains.  I know I can build some ugly and overly complex JS function to loop through each row and apply formatting based upon values found in that row, but I'd rather do something a bit more elegant with the Kendo markup if possible.

My though is this: if I stored the formatting code for each row in the SP List that becomes the JS array which I am using for the grid's datasource, could I use then somehow use this stored formatting code in the grid markup, thus eliminating the need to loop back through the grid once it has been rendered?

Thanks in advance for any input, and if I missed a related forum post please point me in the right direction!

Tim
Top achievements
Rank 2
 answered on 13 May 2015
5 answers
164 views
Hi - I was wondering if it is possible to set the "data" property of the AJAX request when loading tab content via the AJAX.  I would like to pass some values (JSON) to the URL, but don't want to pass them in the URL string. I was looking at the "activateTab" function and the "ajaxRequest" methods and it looks like this is not possible, but wanted to confirm that. 

Thanks.

Kendo UI Web v2012.1.322
Firefox 12.0
Alexander Valchev
Telerik team
 answered on 13 May 2015
1 answer
135 views
I am using angular and kendo ui.  When using ui-router and initiating a page change, i get an error "Error: r.element is null".  I have traced this back to the splitter calling its toggle function and the kendo code always assuming that the element is not null.  However, in this situation, the element is null.  This is in the toggle function of kendo.splitter.js.  Adding a null check for "that" before calling find on element seems necessary.
Alex Gyoshev
Telerik team
 answered on 13 May 2015
3 answers
206 views

Hello,

We use the column chart (KendoUI version 2015.1.429) and created the following snippet:
http://dojo.telerik.com/ocADa/3

As you can see in the right column, the category label "CATEGORY TWO" overlaps the red value "-2516.70"
Can you advise us how we can make sure that the value (-2516.70 in this example) will always be above the category label?

Iliana Dyankova
Telerik team
 answered on 13 May 2015
1 answer
393 views

I have a div inside of a kendo window that dynamically gets loaded with the search results for persons in the system matching a search string.

For example, looking at image es1.jpg, this displays the search results of '123' for the position 'Operations Position 2'. This result list only has 5 results and displays just fine because its content does not exceed the size of the window.

However, looking at image es2.jpg, this displays the same search results but for the position 'Loss Prevention Position 1'. Because this position sits 2 rows below the previous position in the form layout, the same result list exceeds the dimensions of the window, and we get the scroll bars.

What I want to happen is for the result list to always display on top of the window, similar to what the kendo autocomplete result list displays, which you can see in the image es3.jpg. This image displays the results of a kendo autocomplete returning a search on stores that have '111' in the name. This list exceeds the window size and displays ON TOP of the window, not inside the window.

I need to do the same with thing with person search as shown in es1.jpg and es2.jpg.

How can I do this? I've played with z-index of the divs but nothing seems to work.

 Thanks for any help you can provide.

 Rob

 

 

 

Dimo
Telerik team
 answered on 13 May 2015
3 answers
111 views

Hi, 

I would like to implement kendo Scheduler navigation animation just like how it has animated in date time picker navigate through months. 

please find sample kendo Scheduler below which i need to integrate animation for navigating weeks.  

http://dojo.telerik.com/@lilan123/UPuDE/4

Thanks

Lilan

Alexander Popov
Telerik team
 answered on 13 May 2015
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
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Hiba
Top achievements
Rank 1
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Hiba
Top achievements
Rank 1
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?