Checkall when disabled items

[Sonia]

Disabled items of a ComboBox should be ignored when "Check all" is clicked or not.
How can i achieve that? because the default behaviour does not take it in consideration.

[Boyan Dimitrov]

Hello,

Please use the following workaround in order to fix this behavior.

//JavaScript

var $T = $T = Telerik.Web.UI;
            $T.RadComboBox.prototype._onCheckAllItemsCheck = function (e) {
                var target = $telerik.getTouchTarget(e),
                    items = this.get_items(),
                    args = {
                        checked: this._allChecked,
                        domEvent: e
                    };

                if (target.nodeName == "LABEL") {
                    e.preventDefault();
                }

                //When the event is canceled the default behavior should be prevented,
                //otherwise the checkbox will be checked when clicked.
                if (this.raise_onCheckAllChecking(args)) {
                    e.preventDefault();
                    return;
                }

                this._checkedIndices = [];
                this._allChecked = !this._allChecked;

                for (var i = 0, length = items.get_count() ; i < length; i++) {

                    if (this.get_items().getItem(i).get_enabled()) {
                        this.get_items().getItem(i)._setChecked(this._allChecked);
                    }
                }

                this._updateCheckAllState();
                this._updateCheckedIndices();
                this._updateComboBoxText();

                args.checked = this._allChecked;
                this.raise_onCheckAllChecked(args);

                if (this._postBackOnCheckAllCheck) {
                    var command = {
                        Command: "CheckAll",
                        CheckAllChecked: this._allChecked
                    };
                    this.postback(command);
                }
            };

            $T.RadComboBox.prototype._updateCheckAllState = function () {

                // check/uncheck the Check All checkbox when item checked state is changed
                var itemsCount = this.get_items().get_count(),
                    checkedItemsCount = this.get_checkedItems().length,
                    $checkAllCheckBox = $(this.get_checkAllCheckBox()),
                    enabledItemsCount = 0;

                for (var i = 0; i < itemsCount; i++) {
                    if (this.get_items().getItem(i).get_enabled()) {
                        enabledItemsCount++;
                    }
                }

                if (enabledItemsCount > 0 && checkedItemsCount == enabledItemsCount) {
                    $checkAllCheckBox.prop("checked", true);
                    this._allChecked = true;
                }
                else {
                    $checkAllCheckBox.prop("checked", false);
                    this._allChecked = false;
                }
            };

Regards,
Boyan Dimitrov
Telerik

 

 

[Sonia]

Hi Boyan,
this is not the most appropiate solution, it should be implemented by the RadComboBox class.

As it seems that this behaviour is not implemented yet,
i have tried to copy & paste your solution but i get the following JavaScript error: 'Telerik' is undefined.

​

[Boyan Dimitrov]

Hello,

We are aware of this problem and here is the public item related to this bug. You can track its progress or vote for it.

Please use the workaround in the attached file as a solution until this problem is fixed.

Regards,
Boyan Dimitrov
Telerik

 

 

[Sonia]

Hi Boyan,

I have just vote for it.
Thanks for the temporary solution.