5 examples of 'kendo dropdownlist angular' in JavaScript

25
function KendoGridFilterDropDownList_Function(element, valueField, textField, optionLabel) {
26
    KendoGridFilterDropDownList(element, KendoDataSource_Functions, valueField, textField, optionLabel);
27
}

146
function dropdown(id, onchange, current_value, item_list, disabled) {
147
    //
148
    // Creates a dropdown for toggling options.
149
    //
150
    // item_list format: [[label, value, disabled], [..], [..]]
151
    //
152
    var items_html = "";
153
    for (i = 0; i < item_list.length; i++) {
154
        var label = item_list[i][0];
155
        var value = item_list[i][1];
156
        var greyed = item_list[i][2];
157
        items_html += `<option value="${value}" ${current_value == value ? "selected" : ""} class="${greyed ? "disabled" : ""}">
158
                            ${label}
159
                        </option>`;
160
    }
161
162
    return `<select id="${id}" class="${disabled ? "disabled" : ""}" onchange="${onchange}" onwheel="_onwheel(event, this)">${items_html}</select>`;
163
}

1
function DropDownControl(model) {
2
    let dropDownControlId = '_dropdowncontrol';
3
    this.observable = new Observable();
4
5
    this.createRepresentation = function () {
6
        return '<span id="' + model.id + '" class="' + model.containerCssClass + '"><label>' + model.title + ': <span id="' + model.id + dropDownControlId + '" class="' + model.dropDownCssClass + '"></span></label></span>';
7
    };
8
9
    this.registerButtonEvents = function () {
10
        let instance = this;
11
12
        /* Apply the dropdown handler to the table length control */
13
        $('#' + model.id + dropDownControlId).dropdown({
14
            value: model.selectedValue,
15
            possibleValues: model.values,
16
            displayInline: true,
17
            valueChanged: function (value, oldValue) {
18
                let botDropDownChangedEvent = new Event(instance, model.observableEventName);
19
20
                botDropDownChangedEvent.value = value;
21
                botDropDownChangedEvent.oldValue = oldValue;
22
23
                instance.observable.notify(botDropDownChangedEvent);
24
            }
25
        });
26
    }
27
}

67
populateDropdown() {
68
    const nArgs = this.populateArguments();
69
    const prompts = this.model.conditionalChoices(nArgs);//  scope.select({ args: nArgs });
70
    prompts.then((cvms: ViewModels.ChoiceViewModel[]) => {
71
        // if unchanged return 
72
        if (cvms.length === this.currentOptions.length && _.every(cvms, (c, i) => c.equals(this.currentOptions[i]))) {
73
            return;
74
        }
75
        this.model.choices = cvms;
76
        this.currentOptions = cvms;
77
    }).catch(() => {
78
        // error clear everything 
79
        this.model.selectedChoice = null;
80
        this.currentOptions = [];
81
    });
82
}

213
function wfrDropDownDI(d,c,ref) {
214
  return {
215
    ControlCategory: 'Dropdown',
216
    NewControl: {
217
      Default: {
218
        Properties: {
219
          "W": { Value: 100 },
220
          "DropDown": { Value: "{ Type: 'wfrList' }"}
221
        }
222
      }
223
    },
224
    Properties: ng_diProperties({
225
      "Buttons": { Level: 'advanced' },
226
      "Data": {
227
        "RightImg": ng_diNull()
228
      },
229
      "DropDown": ng_diControl('wfrListBox', ng_diProperties({
230
        "Data": {
231
          "Frame": ng_diType('img_frame', {}, {
232
            ObjectProperties: {
233
              "LeftTop": ng_diTypeVal('image', 'WireframeControls.Images.DropDownBox.LeftTop'),
234
              "Top": ng_diTypeVal('image', 'WireframeControls.Images.DropDownBox.Top'),
235
              "RightTop": ng_diTypeVal('image', 'WireframeControls.Images.DropDownBox.RightTop'),
236
              "Left": ng_diTypeVal('image', 'WireframeControls.Images.DropDownBox.Left'),
237
              "Right": ng_diTypeVal('image', 'WireframeControls.Images.DropDownBox.Right'),
238
              "LeftBottom": ng_diTypeVal('image', 'WireframeControls.Images.DropDownBox.LeftBottom'),
239
              "Bottom": ng_diTypeVal('image', 'WireframeControls.Images.DropDownBox.Bottom'),
240
              "RightBottom": ng_diTypeVal('image', 'WireframeControls.Images.DropDownBox.RightBottom')
241
            }
242
          })
243
        }
244
      }))
245
    })
246
  };
247
}