5 examples of 'kendo dropdownlist angular' in JavaScript

Every line of 'kendo dropdownlist angular' code snippets is scanned for vulnerabilities by our powerful machine learning engine that combs millions of open source libraries, ensuring your JavaScript code is secure.

All examples are scanned by Snyk Code

By copying the Snyk Code Snippets you agree to
this disclaimer
25function KendoGridFilterDropDownList_Function(element, valueField, textField, optionLabel) {
26 KendoGridFilterDropDownList(element, KendoDataSource_Functions, valueField, textField, optionLabel);
27}
Important

Use secure code every time

Secure your code as it's written. Use Snyk Code to scan source code in minutes – no build needed – and fix issues immediately. Enable Snyk Code

146function 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}
1function 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}
67populateDropdown() {
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}
213function 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}

Related snippets