Telerik Forums
Kendo UI for Vue Forum
1 question
Sort by
1 answer
73 views

It's possible to generate toolbar item based on array of object as below sample? I try but I hit v-for & v-if not allowed to use together.

[
  {
    id: 0,
    type: "buttonGroup",
    text: "group1",
    icon: "",
    enabled: "true",
    togglable: "false",
    overflow: "auto",
    items: [
      {
        text: "G1button1",
        icon: "",
        title: "button1",
        enabled: "true",
        togglable: "true",
      },
      {
        text: "G1button2",
        icon: "",
        title: "button2",
        enabled: "true",
        togglable: "true",
      },
    ],
  },
  {
    id: 1,
    type: "splitButton",
    text: "splitButton1",
    icon: "",
    enabled: "true",
    togglable: "false",
    overflow: "auto",
    items: [
      {
        text: "Insert above",
        icon: "insert-up",
        title: "Insert above",
        enabled: "true",
        togglable: "true",
      },
      {
        text: "Insert between",
        icon: "insert-middle",
        title: "Insert between",
        enabled: "true",
        togglable: "true",
      },
      {
        text: "Insert below",
        icon: "insert-down",
        title: "Insert below",
        enabled: "true",
        togglable: "true",
      },
    ],
  },
  {
    id: 2,
    type: "button",
    text: "Button1",
    icon: "",
    enabled: "true",
    togglable: "true",
    overflow: "auto",
    items: [],
  },
  {
    id: 3,
    type: "separator",
    text: "",
    icon: "",
    enabled: "true",
    togglable: "false",
    overflow: "auto",
    items: [],
  },
  {
    id: 4,
    type: "button",
    text: "Button2",
    icon: "",
    enabled: "false",
    togglable: "true",
    overflow: "always",
    items: [],
  },
]
Petar
Telerik team
 answered on 02 Dec 2021
Narrow your results
Selected tags
Tags
Grid
General Discussions
DropDownList
DatePicker
Grid wrapper
Editor
DropDownTree wrapper
Spreadsheet wrapper
Scheduler
Input
Editor wrapper
MultiSelect
DateInput
NumericTextBox
Scheduler wrapper
Styling / Themes
Calendar
DataSource wrappers (package)
DateTimePicker
Chart
Chart wrappers (package)
ComboBox
Gantt wrapper
Localization
Pager
Checkbox
Upload
DropDownList wrapper
Popup
Window
Error
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
FloatingLabel
TextArea
Drawer
Stepper
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
RadioButton
RadioGroup
Hint
Loader
ProgressBar
DateRangePicker
Switch
Wizard
Skeleton
ScrollView
ColorGradient
ColorPalette
FlatColorPicker
ButtonGroup
TileLayout
ListBox
ExpansionPanel
BottomNavigation
AppBar
Signature
ChunkProgressBar
VS Code Extension
+? more
Top users last month
Patrick
Top achievements
Rank 1
Iron
Iron
Iron
MIS
Top achievements
Rank 1
Ross
Top achievements
Rank 1
Marcin
Top achievements
Rank 1
Iron
Iron
Sean
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Patrick
Top achievements
Rank 1
Iron
Iron
Iron
MIS
Top achievements
Rank 1
Ross
Top achievements
Rank 1
Marcin
Top achievements
Rank 1
Iron
Iron
Sean
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?