Page 1 of 1

[VUE 3] Question about grid config

Posted: Tue Mar 14, 2023 10:48 am
by crazytrunk

Hi guys currently I'm using version 5.3.0 I have 2 questions after migration to 5.3.0
my function seems not working anymore
for Example about checkbox listeners in grid config
Image
the console.log is not logging anything , it used to work fine, can someone help me with this, is this option changed?
and for 2nd question when I using renderer
Image
like in example I registed component global

but when I clicked sort
Image
my data somehow disappear and errors showing
Image
and here is my global component

<script setup lang="ts">
interface Props {
  statusValue?: number;
  color: string;
  background: string;
  text: string;
}

const props = withDefaults(defineProps<Props>(), {
  statusValue: 1,
  color: "#FFFFFF",
  background: "#F79F1F",
  text: "",
});
</script>

<template>
  <div
    size="small"
    class="onboard-status"
    :style="{
      color: props.color,
      background: props.background,
    }"

{{ props.text }}
  </div>
</template>

<style scoped lang="scss">
.onboard-status {
  border: none;
  border-radius: 20px;
  padding: 4px 12px;
  line-height: 16px;
  font-weight: 400;
  min-height: 16px;
  cursor: default;
  &:focus {
    outline: 0;
    border: none;
    box-shadow: none;
  }
  &:active {
    outline: 0;
    border: none;
    box-shadow: none;
  }
}
</style>

but in the option when I remove "vue: true" , sorting working normally but the css not working, its showing plain text
Image


Re: [VUE 3] Question about grid config

Posted: Tue Mar 14, 2023 11:19 am
by Animal

I think this bug is fixed internally and the fix will be in the next release: https://github.com/bryntum/support/issues/6365