Currently, I have an issue when using Scheduler component. I try for the example in Scheduler Document and I realize that SchedulerItem will not show when data props of scheduler have the same start and end DateTime example like this screenshot

But in my case, I want to show when both start and end are equal. I've tried to find a solution with the document but I can't. Do you have any comments on my situation? Thank you so much

Hi

I have a scenario to add onChange for custom Grid Cell the issue is that When I try to do that the cell loses focus on
any update of the grid parent component state

when I added useEffect to track the component lifecycle, the component unmounts and mounts with every change.
"The cell that loses focus here is the Discount cell"

Running Example stackblitz
Code

import * as React from 'react';
import * as ReactDOM from 'react-dom';
import { Grid, GridColumn } from '@progress/kendo-react-grid';
import { NumericTextBox } from '@progress/kendo-react-inputs';

const products = [
  {
    ProductID: 1,
    ProductName: 'Chai',
    Price: 18.0,
    Discount: 0,
  },
  {
    ProductID: 2,
    ProductName: 'Chang',
    Price: 19.0,
    Discount: 0,
  },
];

const CustomCell = (props) => {
  React.useEffect(() => {
    console.log('componet mount');
  }, []);

  return (
    <td style={{ padding: '1rem', textAlign: 'center' }}>
      <NumericTextBox
        onChange={(e) => props.onChange(e, props)}
        style={{ width: '100px' }}
        value={props.dataItem[props.field]}
      />
    </td>
  );
};

const App = () => {
  const [data, setData] = React.useState(products);

  const handleDiscountChange = (e, cellProps) => {
    setData((_data) => {
      return _data.map((item) => {
        if (item.ProductName === cellProps.dataItem.ProductName) {
          item.Discount = e.value || 0;
          item.Price -= item.Discount;
        }
        return item;
      });
    });
  };

  return (
    <>
      <Grid data={data} title={'title'} editField="inEdit">
        <GridColumn field="ProductName" title="Product Name" />
        <GridColumn
          field="Discount"
          cell={(props) => {
            return <CustomCell {...props} onChange={handleDiscountChange} />;
          }}
        />
        <GridColumn field="Price" title="Price" editor="numeric" />
      </Grid>
    </>
  );
};

ReactDOM.render(<App />, document.querySelector('my-app'));

Hello,

I am able to set the localization service to the message in english but when I change the dropdown value to spanish the message remains in english, do you have a workaround for this?

Hi.

I have a question regarding the Splitter component working together with the Scheduler. I have created an example here:

https://stackblitz.com/edit/react-rfnb52?file=app%2Fmain.tsx

What I want to achieve is autosizing the scheduler depending on the splitter pane. So when I close the lower pane using the button above, the scheduler should resize filling the upper pane as much as possible and of course re-opening the lower pane should also resize the scheduler too.

Also: As you can see in my example, the Scheduler doesn't show completely when I scroll down. I had to hide the scroll bar in the outer div to not have 2 bars.

Any help would be appreciated.

Thanks,

Greetings,

Bernd

Hi all, 

I tried to export PDF with GridPDFExport.

But the problem is that the grouped Grid will only be printed out if I choose to print current page. 

If I try to export all the data, the group will then be gone. 

How can I export all the data while maintaining all my settings ?

Any help will be appreciated 

Current page :

All Data PDF :

Current Page PDF  (setting maintained ):

Hi, I would like to use a kendo switch inside a form: I' created a little example at:

https://stackblitz.com/edit/react-k3fw3s

I need to set the initial value programmatically.

So, I created a function switchSetOn (in the file MyUtils.js) to do this using jquery.

This function works well, because the switch correctly appears as ON, but if I click on it the first click does not work and the control remains ON (after a small movement): from subsequent clicks it works fine.

So, I think that the react control keep is value to false even if I set (via jquery) the aspect to true.

Is there a way to set the value correctly via jquery? (I don't want to use defaultChecked or checked property of the control)

Another problem is that, when I click on the submit button the value of the hidden input "checkbox" of the switch does not fall into the json (I can see only the value of the input "text"). Is there something I have to do to obtain the value?

Thank you

Hi all, 

I use rowRender to add a summary row. However, which can not be exported by excelExpprt. 

I tried workbookOptions but it dd not go well.

Any assistance will be much apprciated

Hi, 

I would like to know if the popup has built-in method so that it can be closed automatically after randomly clicked anywhere else.

https://www.telerik.com/kendo-react-ui-develop/components/popup/get-started/

Didn't see anything like that in the doc and the forums here.

Thank you !