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 said:Hi, Our web app is a very complex one with around 1000 pages. We are enhancing it to support Safari. As it will be a huge effort to change the grid in all pages, is there any work around that you can provide or a hot fix to support this? Your consideration would be much appreciated. Thanks Carolyne
Caroline, unfortunately our application is the same as yours (to large to quickly move to a new technology). It is also unfortunate that this company leaves other companies out in the cold. Going with them has proven to be a very bad decision. If we are to rewrite our logic 'because of them' then why use there tool again. Absolutely terrible company.
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.
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.
Carolyne,
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
Let me know if you have any questions with this matter.
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?