Hi Peter,
I must admit… I cannot find the issue with this one! please refer to code listed below.
The only i see an action happen (error) is if i take the ‘searchString’ out of “data.name_startsWith = $(“#jqxcombobox”).jqxComboBox();”.
I’m assuming “searchString” is meant to be a variable? but shouldn’t ” $(“#jqxcombobox”).jqxComboBox();” hold the value being typed just like in jquery “$(‘#jqxcombobox’).val()”. If not how do i get that “searchString”?
$(document).ready(function(){
var theme = getTheme();
var productsearch =
{
datatype: “json”,
datafields: [
{ name: ‘productcode’ },
{ name: ‘description’ },
{ name: ‘supplier’ },
{ name: ‘category’ }
],
url: “http://localhost/test/index.php/product/productsearch”,
data: {
featureClass: “P”,
style: “full”,
maxRows: 6
}
};
var dataAdapter = new $.jqx.dataAdapter(productsearch,
{
formatData: function (data) {
console.log(data);
data.name_startsWith = $(“#jqxcombobox”).jqxComboBox(‘searchString’);
return data;
}
}
);
$(“#jqxcombobox”).jqxComboBox(
{
width: 135,
height: 25,
source: dataAdapter,
remoteAutoComplete: true,
cache: false,
theme: theme,
selectedIndex: -1,
displayMember: “productcode”,
valueMember: “productcode”,
renderer: function (index, label, value) {
var item = dataAdapter.records[index];
if (item != null) {
var label = item.productcode + “, ” + item.description + “, ” + item.category;
return label;
}
return “”;
},
renderSelectedItem: function(index, item)
{
var item = dataAdapter.records[index];
if (item != null) {
var label = item.productcode + “, ” + item.description + “, ” + item.category;
return label;
}
return “”;
},
search: function (searchString) {
dataAdapter.dataBind();
}
});
});
where on the code would i place it? i’ve tried and keep on getting a no object for jqgrid.