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?
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?
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...
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?
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.
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
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.
Using the kendo vue grid wrapper how can I add a css class to a kendo-grid-column ?
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;