How to use kendo-ui-core - 7 common examples
To help you get started, we’ve selected a few kendo-ui-core examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
codylindley / k-ui-react-jquery-wrappers / packages / dropDownList / src / index.js View on Github 
componentDidMount: function() {
//get, child element node for this component
var elementNode = ReactDOM.findDOMNode(this);
//determine if a selector was passed on which to invoke the KUI widget
if(this.props.selector){
elementNode = elementNode.querySelector(this.props.selector);
}
//instantiate and save reference to the Kendo UI widget on elementNode
//note I am not using jQuery plugin to instantiate, don't want to wait for namespace on $.fn
this.widgetInstance = new kuiDropDownList.ui.DropDownList(elementNode,this.props.options);
//if props are avaliable for events, triggers, unbind events, or methods make it happen now
this.props.events ? this.bindEventsToKendoWidget(this.props.events) : null;
this.props.methods ? this.callKendoWidgetMethods(this.props.methods) : null;
this.props.triggerEvents ? this.triggerKendoWidgetEvents(this.props.triggerEvents) : null;
},componentDidMount: function() {
//get, child element node for this component
var elementNode = ReactDOM.findDOMNode(this);
//determine if a selector was passed on which to invoke the KUI widget
if(this.props.selector){
elementNode = elementNode.querySelector(this.props.selector);
}
//instantiate and save reference to the Kendo UI widget on elementNode
//note I am not using jQuery plugin to instantiate, don't want to wait for namespace on $.fn
this.widgetInstance = new kuidropdown.ui.DropDownList(elementNode,this.props.options);
//if props are avaliable for events, triggers, unbind events, or methods make it happen now
this.props.events ? this.bindEventsToKendoWidget(this.props.events) : null;
this.props.methods ? this.callKendoWidgetMethods(this.props.methods) : null;
this.props.triggerEvents ? this.triggerKendoWidgetEvents(this.props.triggerEvents) : null;
},componentDidMount: function() {
//get, child element node for this component
var elementNode = ReactDOM.findDOMNode(this);
//determine if a selector was passed on which to invoke the KUI widget
if(this.props.selector){
elementNode = elementNode.querySelector(this.props.selector);
}
//instantiate and save reference to the Kendo UI widget on elementNode
//note I am not using jQuery plugin to instantiate, don't want to wait for namespace on $.fn
this.widgetInstance = new kuiCalendar.ui.Calendar(elementNode,this.props.options);
//if props are avaliable for events, triggers, unbind events, or methods make it happen now
this.props.events ? this.bindEventsToKendoWidget(this.props.events) : null;
this.props.methods ? this.callKendoWidgetMethods(this.props.methods) : null;
this.props.triggerEvents ? this.triggerKendoWidgetEvents(this.props.triggerEvents) : null;
},componentDidMount: function() {
//get, child element node for this component
var elementNode = ReactDOM.findDOMNode(this);
//determine if a selector was passed on which to invoke the KUI widget
if(this.props.selector){
elementNode = elementNode.querySelector(this.props.selector);
}
//instantiate and save reference to the Kendo UI widget on elementNode
//note I am not using jQuery plugin to instantiate, don't want to wait for namespace on $.fn
this.widgetInstance = new kuiColorPicker.ui.ColorPicker(elementNode,this.props.options);
//if props are avaliable for events, triggers, unbind events, or methods make it happen now
this.props.events ? this.bindEventsToKendoWidget(this.props.events) : null;
this.props.methods ? this.callKendoWidgetMethods(this.props.methods) : null;
this.props.triggerEvents ? this.triggerKendoWidgetEvents(this.props.triggerEvents) : null;
},componentDidMount: function() {
//get, child element node for this component
var elementNode = ReactDOM.findDOMNode(this);
//determine if a selector was passed on which to invoke the KUI widget
if(this.props.selector){
elementNode = elementNode.querySelector(this.props.selector);
}
//instantiate and save reference to the Kendo UI widget on elementNode
//note I am not using jQuery plugin to instantiate, don't want to wait for namespace on $.fn
this.widgetInstance = new kuiDatePicker.ui.DatePicker(elementNode,this.props.options);
//if props are avaliable for events, triggers, unbind events, or methods make it happen now
this.props.events ? this.bindEventsToKendoWidget(this.props.events) : null;
this.props.methods ? this.callKendoWidgetMethods(this.props.methods) : null;
this.props.triggerEvents ? this.triggerKendoWidgetEvents(this.props.triggerEvents) : null;
},componentDidMount: function() {
//get, child element node for this component
var elementNode = ReactDOM.findDOMNode(this);
//determine if a selector was passed on which to invoke the KUI widget
if(this.props.selector){
elementNode = elementNode.querySelector(this.props.selector);
}
//instantiate and save reference to the Kendo UI widget on elementNode
//note I am not using jQuery plugin to instantiate, don't want to wait for namespace on $.fn
this.widgetInstance = new kuiListView.ui.ListView(elementNode,this.props.options);
//if props are avaliable for events, triggers, unbind events, or methods make it happen now
this.props.events ? this.bindEventsToKendoWidget(this.props.events) : null;
this.props.methods ? this.callKendoWidgetMethods(this.props.methods) : null;
this.props.triggerEvents ? this.triggerKendoWidgetEvents(this.props.triggerEvents) : null;
},componentDidMount: function() {
//get, child element node for this component
var elementNode = ReactDOM.findDOMNode(this);
//determine if a selector was passed on which to invoke the KUI widget
if(this.props.selector){
elementNode = elementNode.querySelector(this.props.selector);
}
//instantiate and save reference to the Kendo UI widget on elementNode
//note I am not using jQuery plugin to instantiate, don't want to wait for namespace on $.fn
this.widgetInstance = new kuiNotification.ui.Notification(elementNode,this.props.options);
//if props are avaliable for events, triggers, unbind events, or methods make it happen now
this.props.events ? this.bindEventsToKendoWidget(this.props.events) : null;
this.props.methods ? this.callKendoWidgetMethods(this.props.methods) : null;
this.props.triggerEvents ? this.triggerKendoWidgetEvents(this.props.triggerEvents) : null;
},
