如何将命令列组合到菜单kendo ui vue

问题描述

我正在尝试将列命令（编辑，销毁，扩展，克隆）组合到一个菜单单元格中。 见下图

我想要实现的目标就像这个例子 exmple1 还是这个例子 example

这就是我想要得到的，但是我不知道要凭什么做到这一点

下面是我的模板html代码：

            <kendo-grid
          ref="grid"
          :height="600"
          :data-source-ref="'datasource1'"
          :pageable="{
            pageSizes: ['ALL',5,10,20,30,50,100],refresh: true,buttonCount: 10,}"
          :editable="'popup'"
          :toolbar="[
            'create',{ name: 'search',text: 'بحث...' },{
              name: 'amount',text: '<span class=\'k-icon k-i-amount\'></span>المبلغ',type: 'button',click: countAmount,},'export'
          ]"
          :sortable="true"
          :column-menu="true"
          :filterable="true"
          :resizable="true"
          :groupable="true"
          :reorderable="true"
        >
          <kendo-grid-column
            :field="'name'"
            :title="'الحساب'"
            :width="140"
            :attributes="{ style: 'direction: ltr' }"
          ></kendo-grid-column>
          <kendo-grid-column
            :field="'username'"
            :title="'اسم المستخدم'"
            :width="160"
          ></kendo-grid-column>
          <kendo-grid-column
              :command="[
                'edit','destroy',{
                  name: 'extand',text:
                    '<span class=\'k-icon k-i-plus\' @click=\'toggleDialog\'></span>تمديد',click: toggleDialog,{
                  name: 'clone',text: '<span class=\'k-icon k-i-copy\'></span>نسخ',click: clone,]"
            :title="'&nbsp;'"
            :width="170"
          >

          </kendo-grid-column>
        </kendo-grid>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）