Telerik Forums
Kendo UI for jQuery Forum
1 answer
163 views
Hello,
 
This thread describes how to sort the groups (1 level
grouping) programmatically:
http://www.telerik.com/forums/sorting-the-group-programmatically
 
Example:
//get
reference to the Grid widget
var grid = $("#grid").data("kendoGrid");
//set asc
direction to the group (for example grouped by FirstName)
grid.dataSource.group({field:"FirstName", dir: "asc" });
//set desc
direction to the group (for example grouped by FirstName)
grid.dataSource.group({field:"FirstName", dir: "desc" });
 
We have tried to apply this approach to the grid with few
levels of grouping and had no luck.
Could you please
·        
let us know if that approach works for grid
with subgroups
·        
provide working example of code
Thank you.
 


Daniel
Telerik team
 answered on 20 Nov 2014
1 answer
289 views
Hi All,

I have created dropdownlist controls dynamically which I am displaying in popup window. I want to find out this all controls on specific button click event. 

I tried below different way but I am unable to find out this control. 

    var $formElements = $('#popup-window').find(':input').filter(function () {
     return $(this);
     });

     var name = [];
            var input = $('#popup-window').find("select").each(function (i) {
                name[i] = $(this).attr('id');
               });

   name = $.map($("div[id*=popup-window").find("select"), function (item, index) {
            return $(item).attr("id");
        });


So can you please help me how to find Dropdownlist control from popup window. 

Thanks-
Atul K.










Georgi Krustev
Telerik team
 answered on 20 Nov 2014
3 answers
235 views
Hi,

I am having some inconsistencies regarding valueAxis.plotBands on Chart.

Namely, for some 'from' and 'to' values it is working and for some not. Also, problem seams to appear in latest (2014.2.1008) version only.

$("#chart").kendoChart({
  series: [
    { data: [13559,13295,13329,13419,13466,13481,13386,13401,13419]}
  ],
  valueAxis: {
    plotBands: [{
      from: 13000, to: 14000, color: "red", opacity: 0.5
    }]
  }
});

You can see it in action here http://dojo.telerik.com/OSIRe where plotBand is not drawn

1) Try changing plotBands.from to 13200 -> it works
2) Try changing Kendo version to older one -> it works
Iliana Dyankova
Telerik team
 answered on 20 Nov 2014
1 answer
64 views
Hello,

I am want to use this event calendar. I need some more customization as per my need.

1. I want to set one day have only one event. its does not allow to add more events, if its already set for the day.

2. one user can see all events listed on this calendar. but, edit only one which he  added for or we can disable whole day events for that user, if any other user have already book for the day.

Can you tell me this kind of customization is possible with this controller or not? can you please help me to more customizations?
Georgi Krustev
Telerik team
 answered on 20 Nov 2014
1 answer
353 views
Hi there.

I'm using the kendoRecurrenceEditor control to generate a form for allowing users to create and edit a single recurrence rule. This works fine but what I need now is a way to make the form read only or disabled.

I'm executing the code in the JavaScript like this (with some Razor syntax mixed in):

$("#recurrence").kendoRecurrenceEditor({
    uid: "BillTest1",
    date: new Date("@DateTime.Now"),
    dataSource: [
        {
            id: 1,
            start: new Date("@Model.Start"),
            end: new Date("@Model.End"),
            title: "@Model.Title"
        }]
});

I want to maintain the way the editor puts the appropriate controls on the page, but once it's all laid out I don't want the user to be able to change things. 

Is there a way to do this?

Many thanks,
Bill
Georgi Krustev
Telerik team
 answered on 20 Nov 2014
6 answers
511 views
Hi,
Using (trialling) Kendo UI v2014.2.1008

I'm wondering about how to implement a multi-select listview. I understand the web component has this capability, but it seems unsuitable when I read the listed caveats (no view transitions etc).

I was trying to use an template with a style binding together with the click event, so that when an item is clicked the row color/icon can be changed. I've tried variations of the following:

<div data-bind="style: {color: selectAnimalsViewModel.rowColor}">#= text #</div>

where rowColor is simply a variable like this (for now - later to be a function): rowColor: '#0000ff'
Nothing I do with the style binding seems able to affect the listview item style though.

I've seen other posts where something like this was suggested: 

e.item.find('.km-icon').removeClass('km-trash').addClass('km-add');

- this works, but it's not persistent, such then when I return to the page from elsewhere, the icon/style has reverted to the original one. I realize I can set this up manually when navigating to the page, but I was hoping for a more 'automatic' method.

Is what I'm trying possible? Is there a better method? You advice is greatly appreciated, thanks.

Additional info: the listview is being initialized in the view's init() method. Apologies for not having a more complete example.

Regards,
Steve

Kiril Nikolov
Telerik team
 answered on 20 Nov 2014
1 answer
129 views
Hi,

I am creating SPA application and I am  using Toolbar. Destroy method does not remove all handlers and stay here memory leaks. Here is sample:

http://jsfiddle.net/d6y7f76d/

Alexander Valchev
Telerik team
 answered on 20 Nov 2014
1 answer
637 views
Hi Team,

I am using Kendo scheduler in MVC application, on clicking calender slot i need to display custom form(popup) instead of default form. We have already created View (cshtml) for this so on click i need to render this view as popup(i do not want to create script tag in existing view as given in example).
and after clicking on save need to call some action method from controller.
can you please let me know how i can achive this?

Thanks...
Vladimir Iliev
Telerik team
 answered on 20 Nov 2014
1 answer
588 views
Hi,

If you put twice or more times a DatePicker in a single <label> tag, then calendar popup for the second instance doesn't work, it hides immediately.
I'm aware of that it's not a good practice to put multiple inputs in a single label tag, but sometimes such things happends on a generic pages.

Sample:

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Untitled</title>
  <link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.716/styles/kendo.common.min.css">
  <link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.716/styles/kendo.rtl.min.css">
  <link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.716/styles/kendo.default.min.css">
  <link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.716/styles/kendo.dataviz.min.css">
  <link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.716/styles/kendo.dataviz.default.min.css">
  <link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.716/styles/kendo.mobile.all.min.css">

  <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
  <script src="http://cdn.kendostatic.com/2014.2.716/js/angular.min.js"></script>
  <script src="http://cdn.kendostatic.com/2014.2.716/js/kendo.all.min.js"></script>
 
</head>
<body>
  <div ng-app="testApp">
    <div ng-controller="testAppCtrl">      
      Try to open the second date picker popup<br /> 
      <label>
        From <input kendo-date-picker ng-model="dataObj.dateFrom"/> 
        to <input kendo-date-picker ng-model="dataObj.dateTo" />            
      </label>
    </div>        
  </div>
  <script>
    var testApp = angular.module('testApp', ["kendo.directives"]);
    testApp.controller('testAppCtrl', ['$scope', function ($scope) {
      $scope.dataObj = {
        dateFrom:"2014-11-18T10:29:49.452Z",
        dateTo:"2015-11-18T10:29:49.452Z"
        }
    }]);
  </script>
</body>
</html>
Kiril Nikolov
Telerik team
 answered on 20 Nov 2014
2 answers
130 views
Hi,
In the kendo stockchart, is there a way to align the categoryaxis & valueaxis crosshairs so that they are in sync like in this chart?

http://finance.yahoo.com/echarts?s=AAPL+Interactive#

See how when you move the mouse on the chart, both crosshairs move in sync so you can easily figure out the category & value of each data point on the chart.

Thanks,
Ling
Top achievements
Rank 1
 answered on 20 Nov 2014
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)
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
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?