我基于以下提琴制作了项目:http://jsfiddle.net/hx4rouc1/,但问题是使用选择字段进行过滤。当我选择“美国”州和“ A1”州,然后选择“空白”时,此A1州仍然像在搜索引擎中一样,不会清除。如何解决?我无法清除所有过滤器,因为在我的主项目中,我有更多字段。
此功能可以在选择国家/地区时更改状态字段:
filterTemplate: function() {
var statesField = this._grid.fields[2];
var $filterControl = jsGrid.fields.select.prototype.filterTemplate.call(this);
$filterControl.on("change", function() {
var selectedCountry = parseInt($(this).val(), 10);
var countryStates = $.grep(db.countries, function(country) {
return country.Id === selectedCountry;})[0].States;
statesField.items = $.grep(db.states, function(state) {
return $.inArray(state.Id, countryStates) > -1 || state.Id === 0;});
$(".states-filter").empty().append(statesField.filterTemplate());});
return $filterControl;
}