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

Restrict ArrowUp Incease and ArrowDown Decrease value In Grid Numeric Cell

Thread ID:

Created:

Updated:

Platform:

Replies:

150611 Jan 13,2020 01:27 PM UTC Jan 14,2020 10:55 AM UTC Angular - EJ 2 1
loading
Tags: Grid
Pardeep Pandit
Asked On January 13, 2020 01:27 PM UTC

Hi,
Is any property or feature to Restrict ArrowUp Incease and ArrowDown Decrease value In Grid Numeric Cell ?

Prasanna Kumar Viswanathan [Syncfusion]
Replied On January 14, 2020 10:55 AM UTC

Hi Pardeep, 
 
Greetings from syncfusion support. 
 
Query : Is any property or feature to Restrict ArrowUp Incease and ArrowDown Decrease value In Grid Numeric Cell  
 
Yes, there is a property called showSpinButton used to hide and show the arrow keys in the numeric text box. When you set the showSpinButton as false it hides the arrow keys in numeric text boxes. 
Please refer the below sample and code example for more information. 
 
 
 
App.component.html 
<ejs-grid [dataSource]='data' [editSettings]='editSettings' [toolbar]='toolbar' height='273px'> 
                <e-columns> 
                    <e-column field='Freight' headerText='Freight' textAlign= 'Right' 
                     editType= 'numericedit' [edit]='numericParams' width=120 format= 'C2'></e-column> 
                </e-columns> 
                </ejs-grid> 


App.component.ts 
 
export class AppComponent { 

    @ViewChild('grid', {static: false}) 
    grid: GridComponent; 
     public editSettings: EditSettingsModel; 
    public data: Object[]; 
    public toolbar: ToolbarItems[]; 
    public numericParams: IEditCell; 

    public ngOnInit(): void { 
        this.data = hierarchyOrderdata; 
         this.editSettings = { allowEditing: true, allowAdding: true, allowDeleting: true }; 
          this.toolbar = ['Add', 'Edit', 'Delete', 'Update', 'Cancel']; 
        this.numericParams = { params: { showSpinButton :false,decimals: 2, value: 5 } }; 
    } 



          
Please get back to us if you need further assistance. 
 
Regards, 
Prasanna Kumar N.S.V 
 


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