When I use the following datagrid function:
$(function(){
$('#cc').combogrid({
mode: 'remote',
//hasDownArrow: false,
width: 200,
panelWidth: 400,
fitColumns: true,
idField: 'geonameId',
textField: 'adminName1',
columns: [[
{field:'name',title:'Name',width:80},
{field:'adminName1',title:'adminName1',width:180},
{field:'countryName',title:'countryName',width:180}
]],
onBeforeLoad: function(param){
if (!param.q || param.q.length<2) return false;
},
loader: function(param,success,error){
$.ajax({
url: 'http://ws.geonames.org/searchJSON',
dataType: 'jsonp',
data: {
featureClass: 'P',
style: 'full',
maxRows: 12,
name_startsWith: param.q
},
success: function(data){
success(data.geonames);
},
error: function(){
error.apply(this, arguments);
}
});
}
});
});
In a html file which also uses the Blueprint CSS layout framework, the inline style element of the class datagrid-view-2 doesn't go to 0px but seems to be stuck on 10000px.....
I use the Blueprint Framework in a lot of situations, I can't seem the find the conflict here though...
please help