Infragistics4.Web.v13.1, Version=13.1.20131.2045
Windows 7
IE 9
I have a WebDataGrid that contains a RowEditingTemplate. There is javascript that centers the template on the container that I copied from an example on the Infragistics site from Craig Shoemaker. This control was built using Infragistics4.Web.v11.1, Version=11.1.20111.2238. When we upgraded to 13.1, the template is now not visible. If I remove the function that centers the template, I can see part of the template but only the hight and width of the grid. The following is the code that used to center the template. Any help would be appreciated. Thanks.
function _wdgEscrow_TemplateOpened(grid, args) {
var container;
container = grid.get_behaviors()
.get_editingCore()
.get_behaviors()
.get_rowEditingTemplate()
.get_dropDownBehavior()
.get_targetContainer();
container.style.marginLeft = "0px";
container.style.marginTop = "0px";
container.style.left = "600px";
container.style.top = "200px";
}
This is how the template displays with the above code removed. Not sure if inserting the image worked correctly here....
Hello Autumn,
Thank you for posting in pur community.
We recieved your support request concerning WebDataGrid and I am currently looking into that matter for you. I will keep you posted on my progress and I will get back to you soon with more information or questions for you.
It seems that there is an issue with your attachment and I could not see the image. Could you please try attaching it again, this time as a zipped file. Thank you.
Please feel free to contact me if you have any additional questions regarding this matter.
I have attached a screen shot of my grid. The blue row at the bottom is my hidden row. When you click on the Add button the template opens. The default of the template is to open below the row. If the row is at the bottom of the page this caused issues. That is why I used the above code to get the container and center the template. With the above code the template does not display at all. When I remove the code it displays like you see in the screen shot. There have been no other changes to this code, only the Infragistics upgrade.
Hello Autum,
Thank you very much for your clarifications and attachment.
I am currently looking further into this issue trying to identify its root cause. I will get back to you soon to update you on my progress. Please feel free to contact me if you have any additional questions regarding this matter.
I have created a sample project that displays the problem (see attached zip file). Prior to taking the Infragistics release (Infragistics4.Web.v13.1, Version=13.1.20131.2045), the WebDataGrid RowEidtingTemplate opened and displayed in the center of the page. The entire template was visible. Since the release the template flashes open briefly (can only see with debugger in the JavaScript) and closes, is not in the center of the page and is covered up by the panels above and below it. Please let me know what I should do next. Thanks.
Thank you for your sample and clarifications.
After investigating this issue further I believe that the reason for this issue is the CollapsiblePanelExtender that is used on the page. When testing this application with version 11.1 I noticed that the RowEdtingTemplate is being displayed outside the container of this CollapsiblePanelExtender since in version 13.1 it is being displayed inside this container. Since the row editing template is bigger than the container that it is being displayed in a scrollbar is supposed to appear but it is not.
What I can suggest as a workaround for this issue is using the TemplateOpened client side event. In this event the template could be appended to the body element of the page. This will affect the way it is displayed and I believe this will resolve the issue. For example:
function wdgEscrow_TemplateOpened(grid, args) { var template = $("#ctl00_MainContent_wdgEscrow_ret"); $("#ctl00_MainContent_wdgEscrow_ret").remove(); $("#body1").append(temp); }
function wdgEscrow_TemplateOpened(grid, args) {
var template = $("#ctl00_MainContent_wdgEscrow_ret");
$("#ctl00_MainContent_wdgEscrow_ret").remove();
$("#body1").append(temp);
I am also attaching your modified sample for your reference.
Please let me know if you have any additional questions regarding this issue
When I execute RowEditingTemplateModified, I have to click on the row twice to make it display. If I select the Add button and select OK on the template then select the Add button again the template moves to a different area of the page. Also the template needs to appear in the center of the page, not under the row that is being edited or added. This is what the code that I included in the first post was doing.
I made your suggested changes in my project. The template now appears on the page but only what will fit on the Escrow Panel. The panel under it is covering the template. I have included a zip file, RowEditingTemplete CutOff so you can see it running plus my code sample. Also when I scroll the page, the template disappears.
I think this is an Infragistic bug and I need to open a support request.
I have created a support case on your behalf based on our discussion here in the forum. The ID of this case is CAS-122247-V9C4Z2. What I can suggest is to continue assisting you via this case. Additionally, you could attach a running sample of the production version of yor application where the issue is reproducible in this case. In this scenario I am going to be able to investigate this matter further and provide you with better and more accurate support.
Please let me know if you have any additional questions regarding this matter.
Thank you very much for getting back to me and for your sample.
I believe you understand that without being able to replicate the issue it is very hard for me to investgate in the right direction. What I can suggest is to try sending us your production version of the application where the issue is reproducible in order to debug it on our side and look further into finding the root cause for this issue.
Thank you very much for your patience and cooperation on this matter.
I add a WebTab and the Update Panel in the site.master of the sample project and it works are expected. I have attached it for you reference. I cannot figure out what is different in the production version.
The sample project works correctly (one problem is the the first time you select Add, then the cancel button the template appears a second time below the grid). I added an UpdatePanel to the sample and the template will still open correctly in the center of the page. In my production version this is not the case with or without the UpdatePanel. I can only get the template to open within the panel that holds the grid. I cannot figure out what is different between the two projects. In production everything is a user control and all the JavaScript is enbedded in a JS filed. The control are all on a WebTab. The UpdatePanel is on the Site.Master. Not sure if any of this matters. This is very frustrating.
I am attaching my sample project which is working as expected on my side. Could you please run it on your PC and let me know whether it is reproducing the behavior that you are experiencing in the production version or it is running correctly. For the sample project I am using version 13.1.20131.2107 of NetAdvantage.
Additionally, you could try running your production version without the UpdatesPanels and see whether the behavior is still persisting.
If my sample is not working as expected on your side could you please clarify what issues are you experiencing. This will be highly appreciated and may help me to investigate in the right direction.
Looking forward to hearing from you.