Search Results: x666🪛🪛🪛🪛🪛tool box girl
- All Results 319
- Guides 124
- Reference 195
- Technical Demos
- Support Center
Array Only
", "SuperPlasma 50", "SuperLED 50"]; $(function() { $("#tagBoxContainer").dxTagBox({ dataSource: products }); }); Angular HTMLTypeScript <dx-tag-box [dataSource]="products"> </dx...; </template> <script> import 'devextreme/dist/css/dx.light.css'; import { DxTagBox } from 'devextreme-vue/tag-box'; export default { components: { DxTagBox }, data
ArrayStore
commands go here } }), valueExpr: 'price', displayExpr: 'name' }); }); Angular HTMLTypeScript <dx-tag-box [dataSource]="productsStore" valueExpr..." display-expr="name" /> </template> <script> import 'devextreme/dist/css/dx.light.css'; import { DxTagBox } from 'devextreme-vue/tag-box'; import ArrayStore from
JSON Data
", valueExpr: 'username', displayExpr: 'name' }); }); Angular HTMLTypeScript <dx-tag-box dataSource="https://jsonplaceholder.typicode.com/users" valueExpr="username...="name" /> </template> <script> import 'devextreme/dist/css/dx.light.css'; import { DxTagBox } from 'devextreme-vue/tag-box'; export default { components: { DxTagBox
Specify a Mask for the Input
HTMLTypeScript <dx-text-box mask="SFFFFHN" [maskRules]="maskRules"> </dx-text-box> import { DxTextBoxModule } from "devextreme-angular"; // ... export class AppComponent... 'devextreme-vue/text-box'; export default { components: { DxTextBox }, data() { return { maskRules: { // a single character S
Support Alpha Channel
$(function() { $("#colorBoxContainer").dxColorBox({ value: "rgba(255, 144, 0, 0.3)", editAlphaChannel: true }); }); Angular HTMLTypeScript <dx-color-box [(value)]="color...; </template> <script> import 'devextreme/dist/css/dx.light.css'; import DxColorBox from 'devextreme-vue/color-box'; export default { components: { DxColorBox }, data