Version: SC 8.0 production and the 5/4 nightly
Browser: Opera 11 (Chrome 11, Firefox 3.6 and IE 8.0 work correctly)
I have a ListGrid that supports editing (canEdit: true, modalEditing: true). One of the cells is a phone number. The field has a mask defined as ###-###-####. When editing the field, the mask appears correctly but when typing, the number is entered in backwards. For example, when entering the number 123-4567, the field will look like this as each digit is typed:
___-___-____
1__-___-____
21_-___-____
321-___-____
432-1__-____
543-21_-____
654-321-____
and so on.
Also, cursor and delete keys don't work while in the field. I saw in another forum post a suggestion to use maskOverwriteMode:true. When I tried this, each digit entered merely replaced the first digit, like so:
1__-___-____
2__-___-____
3__-___-____
etc...
I have tried defining the phone field in the datasource as both text and integer, with no change in results. Also, the developer console does not show any errors, at least not in the default mode.
Removing the mask eliminates the problem but, of course, there is no formatting.
Any suggestions?
Thanks in advance,
Solstice
Browser: Opera 11 (Chrome 11, Firefox 3.6 and IE 8.0 work correctly)
I have a ListGrid that supports editing (canEdit: true, modalEditing: true). One of the cells is a phone number. The field has a mask defined as ###-###-####. When editing the field, the mask appears correctly but when typing, the number is entered in backwards. For example, when entering the number 123-4567, the field will look like this as each digit is typed:
___-___-____
1__-___-____
21_-___-____
321-___-____
432-1__-____
543-21_-____
654-321-____
and so on.
Also, cursor and delete keys don't work while in the field. I saw in another forum post a suggestion to use maskOverwriteMode:true. When I tried this, each digit entered merely replaced the first digit, like so:
1__-___-____
2__-___-____
3__-___-____
etc...
I have tried defining the phone field in the datasource as both text and integer, with no change in results. Also, the developer console does not show any errors, at least not in the default mode.
Code:
isc.RestDataSource.create({ ID:'dsPhoneDirectory', dataFormat: 'json', dataURL: '/phoneDirectory.json', fields: [ { name: 'phoneDirectoryId', type:'integer', primaryKey:true}, { name: 'lastName', type:'text'}, { name: 'firstName', type:'text'}, { name: 'phone', type:'integer'} ] }); isc.ListGrid.create({ dataSource: dsPhoneDirectory, autoFetchData: true, autoSaveEdits: true, alternateRecordStyles: true, width: 400, canEdit: true, modalEditing: true, editEvent: 'doubleClick', listEndEditAction: 'next', fields:[ {name:'lastName'}, {name:'firstName'}, {name:'extension'}, {name:'fax', editorProperties: {mask: "###-###-####" } } ] });
Any suggestions?
Thanks in advance,
Solstice
Comment