Our blazing fast Grid component built with pure JavaScript


Post 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

Last edited by crazytrunk on Wed Mar 15, 2023 2:14 pm, edited 1 time in total.

Post 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


Post Reply