Hi,

Please find answers to your questions below:

1. We would like to understand the risks associated with such upgrade. What are the chances that there will be unexpected UI behaviors or JS errors from the upgrade? Please provide as much details as possible.

There are no major changes in the controls since 12.1, every next release rolls out an updated and improved control, but it shares the same architecture and the same or richer client side object model. Upgrading is also recommended because latest products are tested with latest major browser versions and have an ongoing support and bug fixing policy ( you do not get this with using 12.1)

2. Is there a manual / procedure of how to properly upgrade to the latest version?

If you cannot upgrade your project using Version Upgrade Utility you can upgrade your project manually by following these steps:

1.     Get a copy of your project that you have not modified with Version Utility
2.     Make a backup copy of your project
3.     Replace all old assemblies in the Bin folder with the new
4.     Open your project with Visual Studio and press Ctrl+H (Quick Replace)

- Enter the following Values:

Find what:  .v12.1 Version=12.1.20121.xxxx  This should be your current version of ver.12.1 , you will need to change it.
Replace with:  .v15.1, Version=15.1.20151.1018 (This is the current version)

- Select Entire Solutions to change all existing references in your project
- Click on the “Replace All” button
 
Please note that it is very important to enter the exact versions

5.     Create a new empty project or website and drag any control from ver 11.1. A  new ig_res folder will be generated in the project. Copy this folder to your project if there is such folder then overwrite it.

6.     Remove licenses.licx and App_Licenses.dll the should be located in:

C:\...\YourPoject:\licenses.licx
C:\...\YourPoject:\Bin\App_licenses.dll

7.     Clean and rebuild your project.

Please let me know if you have any questions on the matter. If you need assistance later while upgrading, please do not hesitate to contact us.

I’ve prepared a sample project (zipped), - can be downloaded from the following link 
https://drive.google.com/file/d/0B_wjtlkijYV6c3NjTGs0aTZSaW8/view?usp=sharing

mostly copy paste from the major project with some data masking and instead of getting the data from ajax callback I’ve placed a hard-coded json string also with masked data.

As you will notice in the code (and maybe in the UI) we’ve highly customized the grid.

** when running the project please allow it few seconds till the grid will appear **

 
One of our customization is to hide the “Add new row” UI in the parent and child grid.  Instead we have our own button for add row. In order to see what I mean I have commented out line 1169 $(addrows[i]).hide(); you will see the “Add new row” as the first row at the child grid. – that is what we hide.

After the upgrade, when we started using the “new files” this line (1169) which is simple “hide” operation when we expand the first (or second) parent row - is causing the IE(11) to stuck with “local host is not responding due to a long-running script”. With Chrome it works fine but our entire application is only supported with IE.

When I comment out the new files and use the old file instead (line 17-23 in the aspx page) it works fine with line 1169 uncommented.

scenario summery :

1169 uncommented + infragistics.js   : works fine - the "add new row" is hidden successfully

1169 uncommented + infragistics.core.js and infragistics.lob.js  : getting stuck when expanding parent row. hidding "add new row" is causing issue

1169 commented + infragistics.core.js and infragistics.lob.js  : works fine (not getting stuck) but the "add new row" is not hidden.

we have tried many ways to overcome this issue while infragistics.core.js and infragistics.lob.js  but couldn't reach a working solution.

Any suggestion?

So that specific issue is resolved but when I click on "Add Row" button on the bottom it crashes with "operation not supported" something related to the comobo that suppose to be the first column (year+month) in the new row, . see screenshot : https://drive.google.com/file/d/0B_wjtlkijYV6TlhaN1FYS0tJQkk/view?usp=sharing tried to upgrade jquery files as you suggested, didn't help.  can you check if it happens on your end as well?

when I switched back to use the infragistics.js it started to work.
any suggestions?

enableCLearButton in 12.2

enableCLearButton in 15.1

Instead of trying to set the enableClearButton this way I suggest that you set option at initialization time:

                                columnKey: this.parentcolumns.c1,
                                editorType: "combo",
                                validation: true,
                                required: true,
                                editorOptions: {
                                    dataSource: this.ojson.NewDataSet.c1s,
                                    valueKey: this.parentcolumns.c1,
                                    closeDropDownOnBlur: true,
                                    selectionChanged: checkc1,
                                    enableClearButton: false
                                }

Everything else seems to be working fine. Please let me know if you have other questions.