Hi We would like to integrate two of the jquery components (igGrid and igChart) in our Sharepoint 2007 application. We want to use the JQuery controls because the chart it is one of the best controls for user interaction.
I've made a simple test with igGrid and soon I've noticed that inside my sharepoint application the component has problems, first it is not possible to drag columns for grouping and the color of the columns header is wrong when hovering.
Of course I test the same Html and javascript importing the same jquery and ig js and css files on an standalone page and the grid works at it should.
I've tried to remove all original css from my sharepoint application but it does not fix the problem so it makes me suspect on the sharepoint core.js that I cannot remove to test without my page failing to load.
Is there any reported incompatibility between Netadvantage for JQuery and Sharepoint? (I use jquery 1.6.2)
BTW, out of topic, it would be great to have component demos not only for MVC but also for web forms, specially about how to post back data (selections/editions) to the server.
Lutfi
I found the solution. I had to add:
<META content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
to the master page header. It works for IE8, IE9 and Firefox 9, but not for Chrome, so I need to further investigate it.
I don't know if you're having the exact same problem I'm having, but I've found that the Infragistics ig.ui.min.js file behaves badly with SharePoint's javascript files. The best technique I've found is to include ig.ui.min.js on your page/webpart like this:
<SharePoint:ScriptLink ID="ScriptLink5" LoadAfterUI="true" Defer="True" runat="server" Language="javascript" Name="/_layouts/csi.portl/scripts/ig.ui.min.js" OnDemand="True" />
And then do this little thing to guarantee that ig.ui.min.js is loaded at the right time..
<script type="text/javascript">
$(document).ready(function() {
SP.SOD.executeOrDelayUntilEventNotified(function() {
window.SP.SOD.executeFunc("/_layouts/csi.portl/scripts/ig.ui.min.js", null);
//Safe-ish to use ig.ui.min.js here.
}, "sp.scriptloaded-sp.js");
});
</script>
That being said, I still can't add webparts to the page once ig.ui.min.js has been injected into the page. ig.ui.min.js does _something_ to break any deferred SharePoint js file that hasn't loaded before ig.ui.min.js is loaded. You wouldn't believe how much time I put into trying to get this to work so I'm pretty convinced it's on Infragistics's side to get it fixed.
Hi,Please excuse me for the long-overdue reply.Now, there was an incompatibility between our jQuery controls and Sharepoint's JavaScript files.However we managed to overcome them so for example if you are using NetAdvantage for jQuery 2012.1, you shouldn't have any trouble placing the controls in Sharepoint.Furthermore, we've released NetAdvantage for SharePoint which provides a nice gallery of WebParts which can be used in any SharePoint environment.Those WebParts, as you can see from their official Samples Browser, are based on our jQuery controls, so they (the WebParts) may be the better choice for you in this case.Hope this info has helped you progress with your scenario.All the best,Borislav