微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

如何从插件更改 Grid.js 状态?

如何解决如何从插件更改 Grid.js 状态?

如何从插件上下文更改 Grid.js 组件的状态?

我正在尝试为 stop 道具 (https://gridjs.io/docs/config/pagination) 实现可视化配置器

pagination.limit

它在网格的页脚下呈现类似 import { BaseComponent,BaseProps,h,PluginPosition } from 'gridjs'; class LimitConfigurator extends BaseComponent { setLimit(limitNew) { // this.setState({ pagination: {limit: limitNew}}); // this.config.pagination.limit = limitNew; } render() { const self = this; return h( 'div',{ class: 'limit-configurator' },[ h('span',{ onclick: function () { self.setLimit(10); } },'10'),h('span',{},'25'),'50'),] ); } } 内容,并为原始组件中的 10 | 25 | 50 路径动态设置新的每页编号。注册码:

pagination.limit

我在 // somewhere in the Vue component (using gridjs-vue bridge)... async mounted() { await elementReady('.grid-operator',{ stopOnDomready: false }); const gridComponent = this.$refs.gridReference.$data.grid; gridComponent.plugin.add( { id: 'limitEditor',component: LimitConfigurator,position: PluginPosition.Footer,},); gridComponent.forceRender(); }, 中看到 prop 值,但不知道如何从插件中正确操作它们(目前正在学习 preact + vue 环境)。有没有“方便”的方法来做到这一点?

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。