Telerik Forums
Kendo UI for Vue Forum
3 answers
173 views

I followed the "Using the Build Process of the Themes" steps here https://www.telerik.com/kendo-vue-ui/components/styling/#toc-using-precompiled-css and I only want the necessary files for a specific component.

 

command "npm run build" gives this error:

$ npm run build
npm ERR! missing script: build

npm ERR! A complete log of this run can be found in:
npm ERR!     /.npm/_logs/2019-10-30T18_09_36_109Z-debug.log

I can run "npm run sass" and compile the all.css file into the dist folder. But I want custom.css like it instructs.

Preslav
Telerik team
 answered on 04 Nov 2019
11 answers
3.0K+ views

How can I bind a kendo multiselect to a list of objects? The v-model binding only returns an array with the values of data-value-field.

<kendo-multiselect
id="employees"
v-model="selectedEmployees"
:data-source="employeesDataSource"
:data-text-field="'name'"
:data-value-field="'employeeNumber'"
:delay="1000"
:auto-bind="true"
:min-length="2">
</kendo-multiselect>

In the example above selectedEmployees will be set to an array of employee numbers instead of employee objects. How can I get it so work with objects instead?

leri
Top achievements
Rank 1
 answered on 28 Oct 2019
5 answers
929 views
When i select any value in drop down i need selected value as a icon. Hear i am attaching a sample wire frame. 
Martin
Telerik team
 answered on 24 Oct 2019
3 answers
93 views

Hi,

Our old application was written using kendo-ui for jquery - and when we had issues with scrolling, we used useNativeScrolling mentioned in the following reference to help us:

 

https://docs.telerik.com/kendo-ui/controls/hybrid/native-scrolling

 

Our new application is using kendo-ui inside a Vue application - is there a way to help us with this issue again - and if so, how can it be done? 

 

Veselin Tsvetanov
Telerik team
 answered on 16 Oct 2019
1 answer
100 views
Does anyone know if this attribute is supposed to be bindable or how I could achieve the same thing in a different way?
Martin
Telerik team
 answered on 11 Oct 2019
2 answers
1.7K+ views

Hi,

 

I am facing issue in kendo grid.

I want to pass multiple optional text as field for single column in kendo grid column definition.

e.g. - Having following JSON and column definition

[

{ 'name': 'Tom', 'play': 'Football'}   // here name property is available in both object, but play and study not exist in both.

{'name': 'Jack', 'study': 'Vue'}

]

Column Definition - 

columnsDefinitions: [{
        field: 'name',
        title: 'First Name'      
      },

    {
        field: 'study' OR 'play'  // how to pass optional multiple property
        title: 'Occupations'      
      } ]

If I make another object in column definition then three columns are created.

But I am expecting only two column - First Name and Occupations (contains - play and study)

Thanks!

Rajesh
Top achievements
Rank 1
 answered on 08 Oct 2019
1 answer
139 views

hi,

is there a way to scroll to a specific time slot or event in vue schedular ?

Dimitar
Telerik team
 answered on 27 Sep 2019
3 answers
98 views

I am using the column menu from the example in the docs. However I have added a button outside of my grid that can be used to quickly set a preset filters by updating the filter field. The filtering works, but the column menu interface is not updated accordingly. What can I do to make the column menu react to changes to the filter field?

https://stackblitz.com/edit/drvkhm

Thanks!

Petar
Telerik team
 answered on 26 Sep 2019
5 answers
293 views

I want to show a conformation msg on event resize. On Kendo scheduler  I can capture  "resizestart" & "resizeend" events. But i cant control the actual resize(changing date time of event by dragging) of event on conformation. It's anyway continuing.   I can prevent the event by "e.preventDefault()"  but cannot resume it if the user chooses to continue. 

Is there another solution for this?

<kendo-scheduler     
      id="kendoScheduler"
      class="Scheduler"     
      :data-source="eventList"   
      @change="onChange"  
      :all-day-event-template="templateAllDayEvent"
      @moveend="onMoveEnd"    
      @resizeend="onResizeEnd"  
      @movestart="onDragStart"
      @resizestart="onResizeStart"     
    >
 
<script lang="ts">
 
  onResizeStart(e : any)
  {
     Modal.confirm({
        Msg:"Do you want to continue",
          onOk: () => {
            this.onResizeStart;
          },
          onCancel: () => {
            e.preventDefault();
          }
      });
   }

Thank you in advance

Petar
Telerik team
 answered on 26 Sep 2019
1 answer
407 views

Hello All,

I am facing issue of sorting functionality in grid with vuejs.

In grid records are sorting in ascending/descending on click on column name.

But my column name is simple string but field is dot (.) separated value then it is not working.

e.g. - 

columnsDefinitions: [ {
    field: 'user.role.name',
    title: 'rolename',
},

where user.role.name is a key of JSON getting from back-end.

Error : -

Uncaught TypeError: Cannot read property 'role' of undefined
    at eval (eval at getter (kendo.core.js?38f6:4631), <anonymous>:3:15)
    at Array.eval (kendo.data.js?1f4d:994)
    at eval (kendo.data.js?1f4d:1031)
    at Array.sort (<anonymous>)
    at Query.order (kendo.data.js?1f4d:1546)
    at Query.orderBy (kendo.data.js?1f4d:1549)
    at Query.sort (kendo.data.js?1f4d:1567)
    at Function.Query.process (kendo.data.js?1f4d:1866)
    at init._queryProcess (kendo.data.js?1f4d:3914)
    at init.query (kendo.data.js?1f4d:3982)

Veselin Tsvetanov
Telerik team
 answered on 20 Sep 2019
Narrow your results
Selected tags
Tags
Grid
General Discussions
DropDownList
DatePicker
Editor
Grid wrapper
Scheduler
DropDownTree wrapper
Spreadsheet wrapper
Input
MultiSelect
Calendar
NumericTextBox
DateInput
DateTimePicker
Editor wrapper
DataSource wrappers (package)
Scheduler wrapper
Styling / Themes
Chart wrappers (package)
Gantt wrapper
Localization
Chart
Checkbox
ComboBox
Window
Pager
Error
Upload
DropDownList wrapper
Popup
Form
Tooltip
TreeView
Dialog
MultiSelect wrapper
NumericTextBox wrapper
Slider
Toolbar wrapper
Upload wrapper
Validator wrapper
ColorPicker
Accessibility
AutoComplete
AutoComplete wrapper
Button wrapper
ComboBox wrapper
ContextMenu wrapper
Licensing
ListBox wrapper
ListView wrapper
Map wrapper
MaskedTextBox
Menu wrapper
MultiColumnComboBox wrapper
Splitter wrapper
TabStrip wrapper
TimePicker
TreeView wrapper
TabStrip
Card
RadioButton
FloatingLabel
TextArea
Drawer
Stepper
DateRangePicker
Gauge
Splitter
PanelBar
Notification
RangeSlider
Menu
TreeList
Toolbar
Button
ListView
FontIcon
SVGIcon
Animation
Barcode wrapper
ButtonGroup wrapper
Chat wrapper
ColorPicker wrapper
DateInput wrappers (package)
Diagram wrapper
Dialog wrapper
Gauges wrappers (package)
MaskedTextBox wrapper
MediaPlayer wrapper
Notification wrapper
Pager wrapper
PanelBar wrapper
PivotGrid wrapper
QRCode wrapper
RangeSlider wrapper
ScrollView wrapper
Security
Slider wrapper
Switch wrapper
Tooltip wrapper
TreeList wrapper
TreeMap wrapper
Window wrapper
Avatar
StockChart
Sparkline
RadioGroup
Hint
Loader
ProgressBar
Switch
Wizard
Skeleton
ScrollView
ColorGradient
ColorPalette
FlatColorPicker
ButtonGroup
TileLayout
ListBox
ExpansionPanel
BottomNavigation
AppBar
Signature
ChunkProgressBar
VS Code Extension
+? more
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?