I am using the Jquery grid with knockout and MVC 3 and am getting a "Function Expected" error when the extensions/infragistics.ui.grid.knockout-extensions.js file loads. The error breaks right at this line of script in the file: "ko.bindingHandlers.igCell={init:function(c,e,a,f,b){}..."
I am using igLoader as follows:
<script type="text/javascript" src="@Url.Content("~/scripts/infragistics.loader.js")"></script>
<script type="text/javascript">
$.ig.loader({
scriptPath: "@Url.Content("~/scripts")",
cssPath: "@Url.Content("~/content")",
resources: "igGrid.*,extensions/infragistics.datasource.knockoutjs.js,extensions/infragistics.ui.grid.knockout-extensions.js"
});
</script>
I have copied the GridKnockoutjsBasic.html and GridKnockoutjsBasicController from the Infragistics samples into my app and the Northwind files (db and js) and ran it....the text boxes all fill in with the first row data just like in the grid knockout sample however the grid does not display. I had to remove the "extensions/infragistics.ui.grid.knockout-extensions.js" part from the igLoader:
scriptPath: "/Scripts/",
cssPath: "/Content/",
or else I get the "function expected" error. Not sure if removing this is what causes the grid to not show up but if I leave it in I get the error and if I ignore it, the grid still does not display.
Hi,
Unfortunately I was unable to reproduce your problem. Attached you can find my samples for both 12.1 RTM(build 1010) and 12.1 SR(build 2023). Please review them and see if they can help you resolve your problem.
Because KnockoutJS is client side solution I exclude that the reason can be in the MVC 3 framework.
The file infragistics.ui.grid.knockout-extensions.js is where the grid instantiation happens and removing it will not try to create the grid at all. In the infragistics.datasource.knockoutjs.js is located the data source object which is responsible for communication with the KnockoutJS. Both these files play major role in KnockoutJS integration.
Note: Apart from having "Knockout JavaScript library" included in the sample you also need "Knockout Mapping plugin" which you can find in my samples as (knockout-latest.debug.js and knockout.mapping-latest.debug.js respectively).
I suspect that the cause of the problem is somewhere in the view model.
Can you attach the sample which reproduces the problem so I can investigate it?
Hope this helps,
Martin Pavlov
Infragistics, Inc.
Hi Shane,
I revised my sample and there are two things which make it slow.
First I use Infragistics CDN (because sample can be run out of the box). I would say that the CDN is not very fast (at least from my location).
The second reason is that in the loader I enabled all the igGrid features.
After I changed the loader to use local files and enabled only igGridUpdating everything run for about 800ms and the original sample run for about 2 seconds (see attached screenshot).
Using KnockoutJS integration adds some overhead to the grid, but after analyzing it with Chrome Developer Tools Timeline I consider it as very small.
Martin,
Thanks for the update. I really like what the Knockout integration gives us and I'm glad to see it's not a huge drain on performance.
-Shane
Hello,
I am just to see if you if you need any further assistance with this matter.
The sample that was posted did work for me...it does use CDN's for the Infragistics scripts....sould be interesting to see if it still worked with the scripts referenced locally. I am good for now though....thanks for all our help.
Definitely something up with the trial. When I downloaded the CDN version of the knockout-extensions.js I was able to run my project without errors. Otherwise the the console kept complaining "object not a function" with the download trial version of the library.
Just FYI hope that helps others.
You can download the correct version here until the guys get it sorted out.
http://origin1tech.wordpress.com/2012/07/30/knockoutjs-and-ifragistics-jquery-iggrid/