|
<div id="dropdown">
<input type="text" id="resouceColumn" />
</div>
<ej-gantt id="resourceGantt"
(create)="create($event)"
//..
>
</ej-gantt>
[TS]
create(args) {
var obj = $("#resourceGantt").ejGantt("instance");
var data = obj.model.resources;
$('#resouceColumn').ejDropDownList({
dataSource: data,
beforePopupHide: function (args) {
var obj = $("#resourceGantt").ejGantt("instance");
var value = args.text.split(',');
var predicate;
if (value) {
for (var i = 0; i < value.length; i++) {
if (predicate) {
predicate = predicate.or("eResourceName", ej.FilterOperators.equal, value[i], false);
} else {
predicate = new ej.Predicate("eResourceName", ej.FilterOperators.equal, value[i], false);
}
}
obj.clearFilter();
obj.filterContent(predicate);
} else {
obj.clearFilter();
}
},
fields: { text: "resourceName" },
watermarkText: "Select the resources",
showCheckbox: true,
width: 150
});
}
|