当前位置:   article > 正文

Jvxetable增加自定义按钮_jeecgboot j-vxe-table 如何自定义按钮

jeecgboot j-vxe-table 如何自定义按钮

上一篇讲到如何动态让默认的一些按钮消失,这篇就讲一下如果实现在工具栏加入自定义按钮

查代码发现jvxetoolbar提供两个插槽,一个是prefix,一个是suffix,所以你可以在默认按钮前面或后面加上自己的自定义按钮都可以。

而prefix的插槽名为toolbarPrefix,suffix的插槽名为toolbarSuffix。

下面给出例子:

<j-vxe-table
          keep-source
          :ref="refKeys[1]"
          :loading="smpOrderMtMainTable.loading"
          :columns="smpOrderMtMainTable.columns"
          :dataSource="smpOrderMtMainTable.dataSource"
          :maxHeight="300"
          :disabled="formDisabled"
          :rowNumber="true"
          :rowSelection="true"
          :toolbar="true">
          <a-popconfirm slot='toolbarSuffix' title="确定下单吗?" @confirm="()=>purchaseAssigned()">
            <a-button>已下单待回</a-button>
          </a-popconfirm>
        </j-vxe-table>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/IT小白/article/detail/692081
推荐阅读
相关标签
  

闽ICP备14008679号