How would I be able to filter between different options on a combo box and have filtered on the ListGrid?
isc.ClassFactory.defineClass("BillingStatementsPanel", ScreenPanel).addProperties({
panelTitle: "Billing Statements",
billingGridDefaults: {
_constructor: isc.ListGrid,
width: "100%",
height: 300,
minHeight: 125,
margin: 5,
showResizeBar: true,
autoParent: "panelCanvas",
autoFitFieldWidths: true,
autoFitWidthApproach: "both",
showFilterEditor: true,
dataSource: "rscReacctBillingStatements",
autoFetchData: true,
recordClick : function() {
this.creator.rowChanged();
},
recordDoubleClick : function() {
var selectedReport = this.getSelectedRecord();
if (selectedReport == null) {
isc.say("You must select one record");
return;
}
rscReacctBillingStatements.downloadFile(selectedReport);
}
},
comboBoxFormDefaults: {
_constructor: isc.DynamicForm,
autoParent: "controlButtonLayout",
width: 1,
height: 1,
wrapItemTitles: false,
fields : [
{
name: "showComboBox", title: "Show",
editorType: "ComboBoxItem",
align: "right",
valueMap : {
"all" : "All",
"readyForApproval" : "Ready for Approval",
"readyForSending" : "Ready for Sending",
"errorsInSending" : "Errors in Sending",
},
defaultToFirstOption: true,
change: function() {
var cl = this.getClass();
isc.say(cl);
}
}]
},
Thank you
isc.ClassFactory.defineClass("BillingStatementsPanel", ScreenPanel).addProperties({
panelTitle: "Billing Statements",
billingGridDefaults: {
_constructor: isc.ListGrid,
width: "100%",
height: 300,
minHeight: 125,
margin: 5,
showResizeBar: true,
autoParent: "panelCanvas",
autoFitFieldWidths: true,
autoFitWidthApproach: "both",
showFilterEditor: true,
dataSource: "rscReacctBillingStatements",
autoFetchData: true,
recordClick : function() {
this.creator.rowChanged();
},
recordDoubleClick : function() {
var selectedReport = this.getSelectedRecord();
if (selectedReport == null) {
isc.say("You must select one record");
return;
}
rscReacctBillingStatements.downloadFile(selectedReport);
}
},
comboBoxFormDefaults: {
_constructor: isc.DynamicForm,
autoParent: "controlButtonLayout",
width: 1,
height: 1,
wrapItemTitles: false,
fields : [
{
name: "showComboBox", title: "Show",
editorType: "ComboBoxItem",
align: "right",
valueMap : {
"all" : "All",
"readyForApproval" : "Ready for Approval",
"readyForSending" : "Ready for Sending",
"errorsInSending" : "Errors in Sending",
},
defaultToFirstOption: true,
change: function() {
var cl = this.getClass();
isc.say(cl);
}
}]
},
Thank you
Comment