Telerik Forums
Kendo UI for jQuery Forum
6 answers
238 views
Hello everybody,

    First of all, excuse my low English level.

    In the scheduler I have added resources with check boxes like the basic usage demo. Also a group for these resources (each attendee is a group), and you can  to hide the group when you uncheck the resource (filtering the resources).
$("#scheduler").kendoScheduler({
...
    group: {
         resources: ["Atendees"],
             orientation: "vertical"
    },
    resources: [
          {
              field: "atendees",
              name: "Atendees",
              dataSource: [
                  { text: "Alex", value: 1, color: "#f8a398" },
                   { text: "Bob", value: 2, color: "#51a0ed" },
                   { text: "Charlie", value: 3, color: "#56ca85" },
                             .
                             .
                             .
               ],
               title: "Atendees"
         }
    ]
...
});
 
$("#people :checkbox").change(function(e) {
  var checked = $.map($("#people :checked"), function(checkbox) {
      return $(checkbox).val();
  });
    
  var filter = {
    logic: "or",
    filters: $.map(checked, function(value) {
      return {
        operator: "eq",
        field: "value",
        value: value
      };
    })
  };
    
  var scheduler = $("#scheduler").data("kendoScheduler");
  scheduler.resources[0].dataSource.filter(filter);
  scheduler.view(scheduler.view().name);
});
    I have problems when I move events, because the field atendees returned ignores the filtered resources. Same with the param e.resources in moveEnd event method.

   For example, If I have 10 resources and are hidden from 1 to 5, If I move an event from resource 5 to 6 (the first and second that are showed), then returns the value 2 as the destiny resource when really would be the value 6, ignores the filtered resources.

    I could attach the complete code if it is necessary.

Thank you very much
Alexander Popov
Telerik team
 answered on 23 Oct 2014
6 answers
304 views
Hi,
I am trying to call saveChanges from edit event
function gridEdit(e) {
             var fieldName = e.container.find("input[name]").attr("name");
 
 
             if (fieldName) {
                 //new row validtaion
                 if (e.model.isNew() && fieldName == "EntityName") {
 
                     var validator = e.container.getKendoValidator();
                     var options = validator.options;
 
                     options.rules.testRule = function (input) {
                         if (input.is("[name='EntityName']") && input.val() != "") {
 
                             $scope.kgrid.saveChanges();
 
                              
                         }
                         return true;
                     }
                      
 
                         options.messages.testRule = "is not unique.";
                         validator.setOptions(options);
                      
 
                 }
             }
         }


It seems to create a loop. Any suggestions how I could safely call saveChanges() ? Sample project
Wit
Top achievements
Rank 1
 answered on 23 Oct 2014
6 answers
704 views
Hi,

I have a list with and edit button, when clicking on the button I have to open the detail and select the row before opening it. After editing, I want to navigate back to the list and see the latest edited item selected.

This is not working (it use to work in previous implementation angular-kendo):
var dataItem = this.dataItem(this.select());

This works, but I'd not like to not using jquery inside a controller:
var dataItem = this.dataItem($(e.currentTarget).closest("tr"));

I'm preserving the last selected item in an outer controller by listening gridOnChange and reset back when gridOnDataBound, something like:

        $scope.lastSelectedDataItem = {};

        $scope.gridOnChange = function (e) {
            var grid = e.sender,
                key = grid.dataSource.transport.options.read.url;
            $scope.lastSelectedDataItem[key] = grid.dataItem(grid.select());
        };

        $scope.gridOnDataBound = function (e) {
            var grid = e.sender,
                key = grid.dataSource.transport.options.read.url,
                view = grid.dataSource.view(),
                i;
            if ($scope.lastSelectedDataItem[key] === undefined) {
                return;
            }
            for (i = 0; i < view.length; i += 1) {
                if (view[i].Id === $scope.lastSelectedDataItem[key].Id) {
                    grid.select(grid.table.find("tr[data-uid='" + view[i].uid + "']"));
                    break;
                }
            }
        };

The selection is working only if I click on the edit icon on the toolbar, not on the text "Edit".

Enrico
Enrico
Top achievements
Rank 1
 answered on 23 Oct 2014
11 answers
136 views
With the new chrome version released yesterday the native scrolling only works after the first load of the page. After switching views the scrolling completly stops working. Any one having the same issue? We are using the latest 2014 kendo update release on 08.10.!
Petyo
Telerik team
 answered on 22 Oct 2014
1 answer
249 views
I haven't yet found an answer for this and I'm hoping this is somehow doable.  I have a requirement for an app that can schedule commercials during a radio broadcast.  I'd like to be able to list program segments along with commercial breaks in one Scheduler.  Data is only entered for the commercial breaks (the advertiser and how long the commercial is).  The issue is that program segments vary in length, and don't typically end on quarter- or half-hours, but at times like 7:09 or 11:23.  Commercial breaks also vary in length.  I'd like to be able to use the Scheduler to display a program segment in the same amount of space, no matter how long it actually is, as I don't want the user to scroll endlessly to find the next commercial to enter data against.  I would perhaps put the start and end times right in the content of the objects, or list the times in the left where they're currently displayed now.  The commercial breaks would display in 15-second segments.  So the net effect is that the time intervals listed on the left would be non-linear.  Is this possible?  Can I somehow extend the Scheduler widget to perhaps provide this functionality?
Atanas Korchev
Telerik team
 answered on 22 Oct 2014
1 answer
123 views
Hey! I've included kendo.web in my project, and everything is working dandy, but when I switch over to kendo.web.min and I make a ListView, I get this error:

Uncaught TypeError: Cannot read property 'toLowerCase' of undefined kendo.web.min.js:10

Any idea what's going on?
Alex Gyoshev
Telerik team
 answered on 22 Oct 2014
4 answers
388 views
Hello,

I need to format the contents of a NumericTextBox in javascript based on the DecimalSymbol and NumberSeparator properties that I get from a CRM Dynamics UserInfo object. That is, I would like to generate a format string that looks more or less like this:
"###.#,##" in the case the DecimalSymbol is ',' and the NumberSeparator is '.'
"###,#.##" in the case the DecimalSymbol is '.' and the NumberSeparator is ','

I need to be able to do this possibly without using the kendo.culture() setter, because there is no specific culture coming from CRM, it is all 'hand-made'.

I tried doing this but without setting the culture, the decimal separator is ignored.

$("#amounttxt").kendoNumericTextBox({
        format: "###.#,##",
        spinners: false
    });

Any ideas?

Thanks in advance!
Achilleas
Top achievements
Rank 2
 answered on 22 Oct 2014
1 answer
122 views
Hello,
See the attached screenshot. How would I be able to achieve this? I have 2 sets of series, both type of column, but would like them to have a different color and width. I'm able to get the different color but not the different widths. 

Any help is greatly appreciated. Thanks!

Dan
Iliana Dyankova
Telerik team
 answered on 22 Oct 2014
2 answers
188 views
I have do some work with radial gauge(angularjs directive), and I found the gauge(svg) would be fixed width and height 200px, can I make a larger radial gauge in angularjs env?
Dimiter Madjarov
Telerik team
 answered on 22 Oct 2014
1 answer
96 views
I am currently developing a page where the user is going to pick when daylight savings starts and ends.

Unfortunately when you select the date 3/9/2014 2:00 AM the kendo ui datetime picker changes the selection to 3/9/2014 1:00 AM.

Is there a way to ignore this? Or some way to not have the widget auto correct itself?

Thanks
Vladimir Iliev
Telerik team
 answered on 22 Oct 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?