Hi,
I am trying to integrate Knockout into my UI. Doing a POC, I tried the following example, but it will not render the combo box. I see the "Example" text only.
Can you please advise?
I am taking the example from here:
https://www.igniteui.com/help/16.1/igcombo-knockoutjs-support
I've attached an HTML file with the example.
Thanks!
Hello,
Thank you for contacting us.
After further investigation it seems that you are not using the correct references, as I see you are referring grids source and not combo once. I have updated the provided html file.
Also you haven't specified viewModel object that should be used with applyBindings and the html file didn't have body and closing html section.
Can you please explain where I am referring to grids source? Also, the link I have I believe are production ready links provided by Infragistics where as you provide the dev links. What would the appropriate links be?
I have provided the CDN resources for demonstration purposes, you can host your trial references also in order to create the POC application.
As for your question regarding the references, you will need to refer the combo.js file, along with all dependences like (ui.shared,templating,util and datasource.js), also the combo.knockout-extensions.js and knockout mapping. The observable properties are managed by knockout and the data can be made observable by using the Knockout Mapping library.
Our topic related to Knockout configuration is showing how to easily manage all references by using igLoader, you can try using it also:
https://www.igniteui.com/help/igcombo-knockoutjs-support
Hi Zdravko,
The production references above, we can use? How does Infragistics know that we hold a license? Reason I am asking is I do not want to hit some kind of usage limit.
Also, I am unclear as to where the reference to the knockout libraries for igCombo are being referenced above. I thought only the core knockout library and the extensions library were needed. Do we also need the mapping libarry as well?
Thanks,
CR
Below are the production references:
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.min.js"></script> <script src="http://cdn-na.infragistics.com/igniteui/2016.1/latest/js/infragistics.core.js"></script> <script src="http://cdn-na.infragistics.com/igniteui/2016.1/latest/js/infragistics.lob.js"></script> <script src="https://ajax.aspnetcdn.com/ajax/knockout/knockout-3.3.0.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/knockout.mapping/2.4.1/knockout.mapping.min.js"></script> <script src="http://cdn-na.infragistics.com/igniteui/2016.1/latest/js/extensions/infragistics.ui.combo.knockout-extensions.js"></script> <link href="http://cdn-na.infragistics.com/igniteui/2016.1/latest/css/themes/infragistics/infragistics.theme.css" rel="stylesheet"></link> <link href="http://cdn-na.infragistics.com/igniteui/2016.1/latest/css/structure/infragistics.css" rel="stylesheet"></link>
As for your question from where you can find our CDN resources, have a look at the links below:
https://www.igniteui.com/help/deployment-guide-infragistics-content-delivery-network(cdn)
https://cdn-na.infragistics.com/