Hiii....... i have a kendo grid which includes an inline add option in each row. what i need is when i click on the add cell on a specific row the inline row should come under the row which we clicked.

I'm attaching an image for more understandability.

hi guys,

when i try to bind combo box from web api  it doesn't work in right way although the data comes properly and it works fine with static data :  

<ComboBox data={this.state.domains} dataItemKey="DomainObjectID"    textField="DisplayName" onChange={this.handleChange} value={this.state.value}/>

what is the prolem

Hi, I have a grid which displays the state names in a column. I want to have a filter on that column that will filter based on the state code. The state code comes from a reference data. Please advice.

Below is my stackblitz link:

https://stackblitz.com/edit/react-byhjeb-oe3mkm

If I type in "md", maryland and states which startswith 'md' should be filtered.

Hi,

I'm using kendo grid to display data that come from OData service (build in asp net core).

Date filter is not working for datetime columns.

The issue is related to time value that is passed as filter (an example down below).

Is there a way to avoid time in filter?

Thanks

Maurizio

NO RESULTS

/api/P6activity?$count=true&$filter=(finishDate eq 2020-01-23T00:00:00.000Z and projectId eq 'H171P')

CORRECT RESULTS

/api/P6activity?$count=true&$filter=(finishDate eq 2020-01-23 and projectId eq 'H171P')

Does the kendo grid has an onDrop event??

While inline mode is on and when i drag a text from outside the grid to inside the grid will it take the text??

Hi,

I'm using Kendo React Grid with a row details component.

I'm facing an issue,numbers in details component are in wrong format (english), in grid are ok (italian).

How can i set locale in details component?

Here's my code:

                   <Grid
                        sortable={true}
                        pageable={{ info: true, pageSizes: [10, 20, 50, 100, 200] }}
                        {...this.state.dataState}
                        {...this.state.odaData}
                        detail={this.detailComponent(this.reload)}
                        expandField="expanded"
                        onExpandChange={this.expandChange}
                        onDataStateChange={this.dataStateChange}
                        resizable
                        editField="selected">

....

    detailComponent = (reload: () => void) => (props: GridDetailRowProps) => {
        return (
            <EntrataMerciDetail {...props} Reload={reload} />
        );
    }

Hello,

Is there a way to get the data item from the autocomplete list on a selection event? Right now from my research there is no onSelected event. There is one in the kendo jQuery implementation but nothing for a react implementation. Sure I could use the onChange event but this only fires when the value in the input box changes. There is no way I can identify that the user has selected the value from the list. I can make my own selection event but I would like to avoid this. Please let me know if there is something I am missing concerning this component. I tried using a combo box component as well, still was unable to find the selection event or an easier way to acquire a selected item.

Below is my current implementation, any assistance would be great. Thanks.

const mapStateToProps = (state: ApplicationState) => ({
    ...state.accountsStateSlice
});
type TypeAheadSearchProps = ReturnType<typeof mapStateToProps>
    & {
        data: Array<any>;
        textField: string;
        apiRequestThunk: (...params: any) => (dispatch: redux.Dispatch<redux.AnyAction>) => Promise<void>;
    }
type AutoCompleteState = {
    data?: Array<any>;
    value?: string;
    loading?: boolean;
}

const TypeAheadSearch = (props: TypeAheadSearchProps) => {
    const [autoComplete, setAutoComplete] = useState<AutoCompleteState>({
        data: props.data,
        value: '',
        loading: false
    });

    const onChange = (event: any) => {
        const value = event.target.value;
        if (value.length > 2) {
            props.apiRequestThunk(value, true);
        }
    }

    useEffect(() => {
        setAutoComplete({
            data: props.accounts,
            loading: false,
        })
    }, [props.accounts])

    return (
        <AutoComplete 
            data={autoComplete.data}
            value={autoComplete.value}
            onChange={onChange}
            loading={autoComplete.loading}
            textField={props.textField}
        />
    )
}
export default connect(mapStateToProps, null)(TypeAheadSearch);

Hi,

I need In-Cell editable grid but it must be able to switch between cells with a tab. Is to possible to reuse In-Cell editable grid https://www.telerik.com/kendo-react-ui/components/grid/editing/editing-in-cell/ or do I need to do it with custom cells?