JavaScript Toolbar

Set the disabled property of the jqxToolBar. Author: http://jqwidgets.com

HTML

<script src="http://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.energyblue.css">
<div id="jqxToolBar"></div>
<div id="jqxgrid" style="margin-top:20px;"></div>

JavaScript

//var married = ['Yes', 'No'];
var married = [
{"val":true, "text":'Yes'},
{"val":false, "text":'No'}
];
var source ={
                localdata: married,
                datafields:
                [
                    { name: 'val', type: 'bool' },
                    { name: 'text', type: 'string' }
                ],
                datatype: "array"
            };
var dataAdapter = new $.jqx.dataAdapter(source);
$("#jqxToolBar").jqxToolBar({
                width: 500,
                height: 35,
                tools: 'combobox',
                initTools: function (type, index, tool, menuToolIninitialization) {
                    switch (index) {
                        case 0:
                            tool.jqxComboBox({
                                width: 150,
                                source: dataAdapter,
                                displayMember: "text",
                                valueMember: "val",
                                placeHolder: "Married?"
                            });
                            tool.on("select", function(event){
                                var args = event.args;
                                if (args) {
                                    var item = args.item;
                                    var label = item.label;
                                    var value = item.value;
                                }
                                
                               	 var filtergroup = new $.jqx.filter();
                                 var filter_or_operator = 1;
                                 var filtervalue = value;
                                 var filtercondition = 'equal';
                                 var filter1 = filtergroup.createfilter('booleanfilter', filtervalue, filtercondition);
                                 filtergroup.addfilter(filter_or_operator, filter1);
                                 // add the filters.
                                ...