Telerik Forums
Kendo UI for jQuery Forum
2 answers
575 views

I currently have the Date/Time picker set to a time interval of 240 minutes, which is 12:00AM, 4:00AM, 8:00AM, 12:00PM, 4:00PM, and 8:00PM.  I would like to only show 8:00AM and 8:00PM.  Is this achievable?

Kong
Top achievements
Rank 1
 answered on 24 Mar 2017
12 answers
464 views

Hello -

We are making heavy use of Kendo UI Grids in our AngularJS-based application.

 In some views, we may have up to 6 different kendo grids showing data.  We are using remote live scrolling in some and others we are loading all the data (when dataset size is small).

**All of our grids are READ-ONLY.  In other words, users are just viewing data, not editing, modifying, etc. rows**

We have discovered that each *ROW* in each table has an angular $watcher attached to it for **each** column value.

For example:

1.<tr class="k-alt ng-scope" data-uid="586ee20c-a5a7-4f61-b379-b719b1ca431e" role="row">
2.  <td style="display:none" role="gridcell">
3.     <span ng-bind="dataItem.id" class="ng-binding">22</span>
4.  </td>
5.  <td role="gridcell">
6.     <span ng-bind="dataItem.hostname" class="ng-binding">myHost</span>
7.  </td>
8.</tr>

In the example above, **TWO** angular watches will be created for "id" and "hostname" for **each row**.

If our table has 200 rows x 2 watchers = 400 angular watchers added to the angular $digest cycle (which is run 2x every time there's an "event" that triggers the digest cycle).

We understand that for **editable** grids these watches may be required to correctly perform two-way data-binding.  However, since our grids are read-only we do **NOT** need these watches created (and they are impacting our application's performance).  

We have tried setting "editable: false" on both the grid options as well as individual columns, but it seems to have no affect.

Is there any way to prevent Kendo from creating all these **unnecessary** AngularJS watches and scopes?

Nate
Top achievements
Rank 1
 answered on 24 Mar 2017
1 answer
303 views

Hello.

We have a problem of time shift to DateTimePicker widget.
When I entered the current date and time, and switch it on 03.26.2017, the DateTimePicker added to the time of one hour. It's a problem. We do not change time automatically when time clock time forward.
Worse, if I change the value on the date 27.03.2017 time to go back - this is a mistake.
Or if the specified date to 03/26/2017 and change it for any other - moves the time.
Behavior is also seen on the official website:
http://demos.telerik.com/kendo-ui/datetimepicker/index

Well thank you.

Martin
Telerik team
 answered on 24 Mar 2017
1 answer
83 views

Hello,

Can you please help us with detail explanation and full steps how to implement drop down list column in Kendo grid that should work when we add new record and also  when we edit existing record.

can you please respond ASAP.

Stefan
Telerik team
 answered on 24 Mar 2017
1 answer
100 views

Okay, been working with this one for about 20 mins and I'm not sure what's going.

I've got a kendo Switch which I enable like so on my page inside using an MVVM framework.

<input data-role="kendo.mobile.ui.Switch" id="mySwitch'" data-type="boolean'" data-name="showRecords'" data-checked="false" />

The switch renders find, but no matter if I have it on or off is just sends "on" to my form as a value.

 

How do I get it to send off please?

 

Philip

Bozhidar
Telerik team
 answered on 24 Mar 2017
1 answer
649 views

We want to validate only if the user has inputed any data into a form field. So basically no fields are required, but if for some reason they filled out the email address field we want to make sure it a valid address.

How would we use the Validator in this use case in an MVVM pattern.

Thanks in advance

Alex Hajigeorgieva
Telerik team
 answered on 24 Mar 2017
1 answer
157 views

We started seeing a script error in the dropdownlist control in version 2017.1.228.  This error doesn't seem to happen in 2017.1.118.  When hitting Tab on a focused dropdownlist when the list has the empty option selected you get a script error.  Please see the dojo below.  Thanks.

http://dojo.telerik.com/uquWE

 

 

Nencho
Telerik team
 answered on 24 Mar 2017
1 answer
618 views

I've created 2 viewmodel with typescript, like mentioned here.
Both viewmodels have their own properties an functions. 

Now i want to load the viewmodel data from a json object comming from an ajax request.
I found a thread where this is done by $.extend which works quite good for data.
But how can i extend the nested viewmodel wth data and keep their functions?

Like in the example below "RoomOffer1ViewModel" does'nt have a function "bar" after $.extend

class Offers1ViewModel extends kendo.data.ObservableObject {
    RoomOffers: Array<RoomOffer1ViewModel>;
 
    constructor() {
        super();
        super.init(this);
        this.RoomOffers = [];
    }
 
    foo() {
        // do something
    }
}
 
class RoomOffer1ViewModel extends kendo.data.ObservableObject {
    Property1: string;
    Property2: number;
 
    constructor() {
        super();
        super.init(this);
    }
 
    bar() {
        // do something for "RoomOffer1ViewModel"
    }
}
 
(function () {
    // imagine the data below comes from an ajax request
    var jsonFromServer = {
        RoomOffer: [
            { Property1: "some", Property2: 1 },
            { Property1: "data", Property2: 2 },
            { Property1: "from", Property2: 3 },
            { Property1: "server", Property2: 4 }
        ]
    }
 
    var myViewModel = new Offers1ViewModel();
 
    $.extend(true, myViewModel, kendo.observable(jsonFromServer));
 
    kendo.bind($("body"), myViewModel);
}())

Martin
Telerik team
 answered on 24 Mar 2017
5 answers
1.3K+ views

I'm totally stuck

I have a simple dropdownlist 

<input class="span-full" data-role="dropdownlist" data-bind="events: {open: getProps }, value: '+ __cols[n].name +' ">

That I want to tie to a open event

getProps: function(e){
             console.log(e.sender);
}

When I click on the dropdown list I need to find out it's id or value is? How do I do that?

Something like?

getProps: function(e){
            // Find out whom I am

             console.log("Hello me" + value);
}

 

Ivan Danchev
Telerik team
 answered on 24 Mar 2017
1 answer
209 views

UI Ref : http://demos.telerik.com/kendo-ui/grid/editing

Service Ref: https://github.com/telerik/kendo-ui-demos-service

 

Hi, 

I have looked at this implementation for KendoUI batch editing but the service end doesn't work with Web API. As the type of controller used in Web API is different than one used in MVC controller. So, this: DeserializeObject<IEnumerable<ProductModel>>("models"); doesn't work in Web API. Do you have any solution for this. An urgent response would be appreciated.

Thx!

Boyan Dimitrov
Telerik team
 answered on 24 Mar 2017
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
MultiColumnComboBox
Chat
DateRangePicker
Dialog
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Effects
Accessibility
PivotGridV2
ScrollView
BulletChart
Licensing
QRCode
ResponsivePanel
Switch
Wizard
CheckBoxGroup
TextArea
Barcode
Breadcrumb
Collapsible
Localization
MultiViewCalendar
Touch
RadioButton
Stepper
Card
ExpansionPanel
Rating
RadioGroup
Badge
Captcha
Heatmap
AppBar
Loader
Security
TaskBoard
Popover
DockManager
FloatingActionButton
CircularGauge
ColorGradient
ColorPalette
DropDownButton
TimeDurationPicker
ToggleButton
TimePicker
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
+? more
Top users last month
Rob
Top achievements
Rank 3
Bronze
Iron
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Bronze
Iron
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?