We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: June 24, 2019).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Property 'allowSearching' does not exist on type '(IntrinsicAttributes & IntrinsicClassAttributes<GridComponent> & Readonly<{ children?: string | n...'.

Thread ID:

Created:

Updated:

Platform:

Replies:

142052 Jan 16,2019 07:33 PM UTC Jan 23,2019 05:25 AM UTC React - EJ 2 3
loading
Tags: Grid
Pat Buchanan
Asked On January 16, 2019 07:38 PM UTC

Hi, I am implementing the React Grid ("@syncfusion/ej2-grids": "^16.4.46") Everything is working fine but Typescript is reporting the following error when I add "allowSearching":

Property 'allowSearching' does not exist on type '(IntrinsicAttributes & IntrinsicClassAttributes & Readonly<{ children?: string | n...'.

I checked the Grid class and the allowSearching property is missing from the class definition, but it still functions properly.

<GridComponent
enableHover={false}
allowSelection={true}
allowSorting={true}
selectionSettings={this.cellSelectionSettings}
cellSelecting={this.cellSelection}
dataSource={...}
allowGrouping={true}
allowPaging={false}
allowFiltering={false}
allowSearching={true}
toolbar={this.toolbarOptions()}
allowPdfExport={true}
allowExcelExport={true}
toolbarClick={this.toolbarClick.bind(this)}
pdfExportComplete={this.fileExpComplete.bind(this)}
excelExportComplete={this.fileExpComplete.bind(this)}
groupSettings={this.groupOptions}
queryCellInfo={this.queryCellInfo}
ref={g => (this.grid = g)}
height="100%"
gridLines="Both"
>
<Inject services={[Group, Toolbar, Search, Filter, Sort, ExcelExport, PdfExport, Page, CommandColumn]} />
GridComponent>

Venkatesh Ayothi Raman [Syncfusion]
Replied On January 17, 2019 06:36 AM UTC

Hi Pat, 

Thanks for using Syncfusion products. 

There is no allowSearching property in Grid. We can enable the search property by define the ‘search’ property in toolbar like as follows, 
public toolbarOptions: any = ['Search']; 
    render() { 
        return ( 
            <div className='control-pane'> 
                <div className='control-section row'> 
                    <GridComponent dataSource={categoryData} toolbar={this.toolbarOptions} allowPaging={true} pageSettings={{ pageSize: 10, pageCount: 5 }} > 
 
                        <Inject services={[Toolbar, Page]} /> 
                    </GridComponent> 
                </div> 
 
            </div> 
        ) 

Please refer to the following online demo for more reference, 

Please let us know if you have any further assistance on this. 

Regards, 
Venkatesh Ayothiraman.  


Pat Buchanan
Replied On January 22, 2019 11:10 PM UTC

Thank you for your support.  That was exactly the problem.  Somehow I had thought it was necessary, but obviously not.

Pavithra Subramaniyam [Syncfusion]
Replied On January 23, 2019 05:25 AM UTC

Hi Pat, 
 
Thanks for your update. 
 
We are happy to hear that the provided information helps you. 
 
Please contact us if you need any further assistance. 
 
Regards, 
Pavithra S. 


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile
Live Chat Icon