Hi,
We have been using Ingragistics UltraWebGrid for several years and we are facing issues in Safari, chrome and IPad as below
- Header not displaying in UltraWebGrid
- Not able to Add a new row (or) delete a row in UltraWebGrid
- Commonly the Ultrawebgrid functionalities are not working in Safari, chrome and IPad
Please guide us.
Thanks,
Carolyne
Carolyne,
For Safari and Chrome support the WebDataGrid and WebHierarchicalDataGrid should be used as they are supported on these browsers. You can refer to the NetAdvantage for ASP.NET Grid Feature Cheat Sheet for guidance on how to implement the same features that you are using with the UltraWebGrid.
Let me know if you have any questions with this matter.
What about Ipad support of UltraWebGrid? Will it supports in IPad?
There isn't any workaround to add support for Safari. The UltraWebGrid has also been retired so there will not be any new features added to it or support for additional web browsers. Your best option is to migrate to the WebDataGrid and the WebHierarchicalDataGrid.
There are more details on the changes to NetAdvantage for ASP.NET in the following posts:
if our application need to support the following all browsers like
IE FireFox, Safari, mobile devices, Firefox 5 and 6? 13.0.1; Firefox for Android; Firefox Home (iPhone), Google Chrome 12 (PC and Tablet), Safari 5.1.7, Internet Explorer 8 and 9
what should we do?
Which grid should we use?
You could use the WebDataGrid of the WebHierarchicalDataGrid in NetAdvantage for ASP.NET or you could use the igGrid or igHierarchicalGrid in NetAdvantage for jQuery. As for what browsers are supported, you can review the supported environments page. There is also a blog post that has details on touch support that may be of interest to you:
http://blogs.infragistics.com/blogs/developer_support/archive/2012/06/14/touch-support-for-asp-net-aikido-and-netadvantage-for-jquery.aspx
We tried WebDataGrid IG 12.1 for deleting the rows using JQuery. Please find below the script for row deletion
<script type="text/javascript"> $(document).ready(function () { $('.deleteRow').click(DeleteRow); });
function DeleteRow() { if (confirm("Are sure want to delete?")) { $(this).parents('tr').first().remove(); $('.ig_Item tr:visible').removeClass("ig_Alt igg_Alt").filter(":odd").addClass("ig_Alt igg_Alt"); var rowId = $(this).parents('tr').first().attr('adr'); //alert(rowId); } } </script>
Issues faced in Safari, chrome :
- WebDataGrid is having 10 rows and while deleting the rows from grid other than first row, its deleting properly. But when deleting the very first row, the Header Text disappearing and Separator are not visible in GridHeader. Also the Grid Header shrinks to ‘0px’.
screenshots attached in mil to abhishek for your ref. while deleting the records in Grid.
Question and Solutions Needed : Why the Grid Header disappears deleting the first row and let us know the solution. Also is there any changes can be done in the above JS to resolve this
- GridHeader Width is accepting only as pixels as ‘30px’ and not accepting as ‘30%’. Please update
Please reply.
Hello,
I would recommend you to use Client side API of the WebDataGrid to delete row using Client side CSOM as shown below.
grid.get_behaviors().get_editingCore().get_behaviors().get_rowDeleting().deleteRows(rows);
Refer to the link below for more details on API:
<http://help.infragistics.com/NetAdvantage/ASPNET/2012.1/CLR4.0/?page=WebDataGrid~Infragistics.Web.UI.EditingCore_members.html>
Refer to the sample on the below link that demonstrates deleting rows using client side CSOM:
<http://es.infragistics.com/products/aspnet/sample/data-grid/delete-rows-basic-features>
We also ship jQuery controls that you may use. Refer to the links below for samples, help document for our jQuery controls:
<http://es.infragistics.com/products/jquery/samples>
<http://help.infragistics.com/NetAdvantage/jQuery/2012.1/CLR4.0>
<http://help.infragistics.com/jQuery/2012.1/>
I hope this helps.