I'm creating a  custom listNoDataRender for autocomplete.

I wanted to add link that either redirects or updates the state, see my code below.

Unfortunately, clicking the button doesn't trigger the  onClick handler, it only closes the suggestion list.

How do i trigger the onClick handler and not close the suggestion list? TIA!

import * as React from 'react';
import * as ReactDOM from 'react-dom';

import { DropDownList } from '@progress/kendo-react-dropdowns';

const App = () => {

const handleClick = () =>{
 // update state or redirect here... 
}

 const listNoDataRender = (element: React.ReactElement<HTMLDivElement>) => {
      const noData = (
        <h4 style={{ fontSize: '1em' }}>
 <span className="k-icon k-i-warning" style={{ fontSize: '2.5em' }} />
 <br /><br />
 <button onClick={handleClick}>Did you mean reco..</button>
 </h4>
 );

      return React.cloneElement(element, { ...element.props }, noData);
  }

  return (
    <DropDownList
      style={{ width: '300px' }}
      data={[]}
      listNoDataRender={listNoDataRender}
      />
 );
}

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

Hi Team,

I am using select row using checkbox in grid using sample here. https://www.telerik.com/kendo-react-ui/components/grid/selection/

but i also enabled pagination, when i select header checkbox all the items in current page is getting selected, is there way to select all rows in all page in a grid?

Regards,
M. Seenuvasan

Hi.

I use Column Menu Filter in my data grids and I wonder how can I use the DateTime filter on date fields?

I'm having issues in implementing date format on datagrid column. The problem is when the date is null it renders NaN/NaN/NaN. 

Is there way to customize this or at least hide the NaN when the date is null? TIA

here's my code

`<Column field="testDate" title="test date" filter="date" format="{0:dd/MM/yyyy}" />`

I created an open/close toggle button on the grid using a custom cell props that triggers a new detail row on the row detail props in the Grid component, how do I use it? and parse setState from component detail row to component button?

and why if the toogle condition is in a false column in the table it always leaves a space? here's an example

Hi,

Can i disable weekends ... or maybe not show a day of a week in DateTime Picker.

For example i don't want my DateTime Picker to show FRI and SAT days

is that possible

Thank you

See attachment...