Telerik Forums
Kendo UI for Vue Forum
2 answers
586 views

We like to use dropdown inside the grid, so we using this (https://www.telerik.com/kendo-vue-ui/components/grid/editing/#toc-setting-custom-editors) example in our project we are getting this error:

 

Uncaught TypeError: $(...).appendTo(...).kendoDropDownList is not a function at VueComponent.categoryDropDownEditor (git.vue?26ca:154)

 

Could anyone help me on this?

Kay4869
Top achievements
Rank 1
 answered on 20 Jun 2019
4 answers
299 views

I am using the Diagram component in my Vue application to display a network of nodes that best resembles a tree.

The problem is that in certain cases one parent node might have 100+ children nodes on the first level. This displays in a undesired long horizontal line of all the children node similar to diagram-bad.png.

What I would need to be displayed instead is more like diagram-good.png that limits how horizontally the children are displayed.

Note: I don't need exactly whats displayed in diagram-good.png, but just something that doesn't span the children out horizontally so much.

Can anyone help me achieve this?

 

Michael
Top achievements
Rank 1
 answered on 19 Jun 2019
3 answers
175 views

Hi,

 

That's it, i need to get the selected date as a date object, is there any way besides manually parsing the string?

 

 

Thanks...

Wilma
Top achievements
Rank 1
 answered on 13 Jun 2019
6 answers
103 views

I'm trying to configure a DataGrid with various custom editing functionality and have some issues/questions related to the attached vue file:

1.  I have various columns that are editable by combobox/drop down.  I would like the name/description to show in the grid but only the underlying id value be pushed to the server.  The bit I can't get working is getting the name/description to show.  I'm guessing it's something to do with the :template attribute but I don't know what I should put here?

2.  For the date column I'd like to display using the local date/time display settings but when I would like the date pushed to the server to be in  some standard format like ISO 8601.  Is this possible?

3.  For the multi-column comboboxes, it is possible for the user to put any value that they want in.  Is there a multi-column dropdownlist type option that prevents invalid values being entered or some way to achieve this behaviour?

Stephen
Top achievements
Rank 1
 answered on 29 May 2019
1 answer
98 views

Hi,

 

i'm using the grid with paging/sorting/grouping/etc, all with the magical WebApiDataSourceRequestModelBinder and the ToDataSourceResult...

the thing is, that sometimes if the user is  filtering too much information the url is not enough, so i was wondering if all that data could be send through a POST instead a GET...

i've tried configuring the datasource as POST, but i can't get the DataSourceRequest filled with the passing data...

 

 

any hint on this?

 

 

regards.

 

 

 

Plamen
Telerik team
 answered on 27 May 2019
5 answers
997 views

Is it possible to show the grid vertically as the example:

Name             Age      City
Marius           35       Kristiansand
Brian            37       Grimstad
Tom              38       Arendal

 

And show it as:

Name    Marius          Brian     Tom
Age     35              37        38
City    Kristiansand    Grimstad  Arendal
Tấn Tâm
Top achievements
Rank 1
 answered on 17 May 2019
1 answer
2.1K+ views

Using kendo UI for VueJs.

In kendo wrapper grid, I am using pagination and  each page contain 10 rows. And also use checkbox to select any row.

If user select some rows on first page and move to another page then selected rows of that page get clear, when navigate to another page.

Expected - user can select some rows of current page and move to any other page and select the some rows on another page.

When user move to any page, selection rows should not get clear. All selected rows persists when user back to current page.

 

 

Ianko
Telerik team
 answered on 14 May 2019
3 answers
90 views
How to define an custom scheduler edit template?
Ianko
Telerik team
 answered on 14 May 2019
1 answer
11.1K+ views

Using the kendo vue grid wrapper how can I add a css class to a kendo-grid-column ?

Annie
Top achievements
Rank 1
 answered on 13 May 2019
1 answer
325 views

Hi

I want to bind a dropdown list in a grid using cell template.

While using state in a cell template I am getting error store state is undefined.

Cell template is something like below.

const cellPurchaseCategoryTemplate = Vue.extend({
    props: {
        field: String,
        dataItem: Object,
        format: String,
        className: String,
        columnIndex: Number,
        columnsCount: Number,
        rowType: String,
        level: Number,
        expanded: Boolean,
        editor: String
    },
    computed: {
        purchaseCategoryList(): Array<CategoryChildCodeData> {
            if (this.purchaseCategories) {
                return Utility.cloneObject(this.purchaseCategories);
            }
        },
        ...invoiceApprovalStoreHelpers.mapState(["purchaseCategories"])
    },
    template: `<td>
                <cvc-autocomplete v-model="dataItem.category"
                                  v-bind:data-source="purchaseCategoryList"
                                  v-bind:name="assignFieldName(field, dataItem)"
                                  v-validate="'required'"                        
                                  data-vv-as="Purchase Category">
                </cvc-autocomplete>
            </td>`
});
export default cellPurchaseCategoryTemplate;

Ianko
Telerik team
 answered on 03 May 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?