While upgrading to the 2015.1 igCombo our app started throwing the error "Error in bindDataError: Operation not supported". I tracked it down to the enableClearButton property. It is still in the API did something change with this property that wasn't documented in the migration notes? Example below:
var bindCombo = function (node, nodeData) {
var $table = $("#" + node);
$table.igCombo({
dataSource: nodeData, //JSON Array defined above
textKey: "DisplayText",
valueKey: "Identifier",
mode: "editable",
enableClearButton: false,
selectItemBySpaceKey: true,
initialSelectedItems: [{ index: 0 }]
});
};
That typo isn't in my application. Let me see if I can get this in my other stub I created for the other issue.
Hello,
There is a typo. inititalSelectedItems should be initialSelectedItems.
Best Regards,
Ok I finally replicated it. This will not apply the intitialSelectedItems value. It just remains with the default placeholder. Just stick it in an html file to see it in Chrome.
<!DOCTYPE html><html><head> <title></title>
<!-- Ignite UI Required Combined CSS Files --> <link href="http://cdn-na.infragistics.com/igniteui/2015.1/latest/css/themes/infragistics/infragistics.theme.css" rel="stylesheet" /> <link href="http://cdn-na.infragistics.com/igniteui/2015.1/latest/css/structure/infragistics.css" rel="stylesheet" />
<script src="http://modernizr.com/downloads/modernizr-latest.js"></script> <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>
<!-- Ignite UI Required Combined JavaScript Files --> <script src="http://cdn-na.infragistics.com/igniteui/2015.1/latest/js/infragistics.core.js"></script> <script src="http://cdn-na.infragistics.com/igniteui/2015.1/latest/js/infragistics.lob.js"></script>
</head><body>
<div id="combo"></div>
<script> $(function () {
var data = [ { "ID":1, "Name": "John Smith", "Age": 45 }, { "ID":2, "Name": "Mary Johnson", "Age": 32 }, { "ID":3, "Name": "Bob Ferguson", "Age": 27 } ];
$("#combo").igCombo({ dataSource: data, //JSON Array defined above valueKey: "ID", textKey: "Name", mode: "editable", placeHolder: "", selectItemBySpaceKey: true, inititalSelectedItems: [{ index: 0}] }); }); </script></body></html>
Thanks!
I am looking forward to it.
Let me see if I can create a sample of all of this. Will get back to you with it.