代码片段
Telerik Visual Studio Code扩展为提高开发人员的工作效率提供了一个方便的特性——用于快速UI组件引用和配置的代码片段。
获得扩展
使用Telerik UI的开拓者代码片段，为Blazor Visual Studio Code Extension安装Telerik UI。你可以从以下途径获取扩展名:
的扩展标签在Visual Studio Code -搜索开拓者生产力工具的Telerik UI，选择扩展名，然后单击安装．
向.razor页面添加代码片段
- 使用
结核病代表Telerik Blazor的快捷方式，并从下拉菜单中选择一个片段。- 或者，输入组件名称，可用的代码段将出现在下拉菜单中。
- 使用一个
选项卡序列来填充组件的可用属性。
添加一个代码片段到你的。razor页面
可用的代码片段
| 代码片段 | 组件 |
|---|---|
| tb-autocomplete | 自动完成 |
| tb-autocomplete-filterable | 使用过滤自动完成 |
| tb-barcode | 条形码 |
| tb-breadcrumb | 面包屑 |
| tb-button | 按钮 |
| tb-button-settings | 外观设置按钮 |
| tb-calendar | 日历 |
| tb-carousel | 旋转木马 |
| tb-checkbox | 复选框 |
| tb-checkbox-tristate | 复选框处于不确定状态 |
| tb-chunkprogressbar | ChunkProgressBar |
| tb-colorgradient | ColorGradient |
| tb-colorpalette | ColorPalette |
| tb-colorpicker | 选择器 |
| tb-combobox | 组合框 |
| tb-combobox-filterable | 过滤组合框 |
| tb-contextmenu | 快捷菜单 |
| tb-dateintput | DateInput |
| tb-datepicker | DatePicker |
| tb-daterangepicker | DateRangePicker |
| tb-datetimepicker | 日期时间选择器 |
| tb-dialog | 对话框 |
| tb-drawer | 抽屉里 |
| tb-dropdownlist | DropDownList |
| tb-dropdownlist-filterable | 带过滤的下拉列表 |
| tb-editor | 编辑器 |
| tb-fileselect | FileSelect |
| tb-filter | 过滤器 |
| tb-flatcolorpicker | FlatColorPicker |
| 结核 | 形式 |
| tb-gantt | 甘特 |
| tb-gantt-editable | 甘特编辑 |
| tb-ganttcolumn | 甘特-绑定柱 |
| tb-grid | 网格 |
| tb-grid-editable | 带有编辑功能的网格 |
| tb-gridcolumn | 网格-绑定列 |
| tb-gridcolumn-locked | 冻结柱网格 |
| tb-gridlayout | GridLayout |
| tb-listview | 列表视图 |
| tb-listview-editable | 带有编辑功能的ListView |
| tb-loader | 加载程序 |
| tb-loadercontainer | LoaderContainer |
| tb-maskedtextbox | 戴面具的文本框 |
| tb-menu | 菜单 |
| tb-multiselect | 多选 |
| tb-multiselect-filterable | 带过滤的多选 |
| tb-numerictextbox | 数字文本框 |
| tb-pager | 寻呼机 |
| tb-panelbar | PanelBar |
| tb-progressbar | ProgressBar |
| tb-qrcode | QRCode |
| tb-radiogroup | RadioGroup |
| tb-rangeslider | RangeSlider |
| tb-scheduler | 调度器 |
| tb-scheduler-editable | 带有编辑功能的调度器 |
| tb-slider | 滑块 |
| tb-splitter | 分束器 |
| tb-stacklayout | StackLayout |
| tb-stepper | 步进 |
| tb-switch | 开关 |
| tb-tabstrip | TabStrip |
| tb-textarea | 文本区域 |
| tb-textbox | 文本框 |
| tb-tilelayout | TileLayout |
| tb-timepicker | 时间选择器 |
| tb-togglebutton | ToggleButton |
| tb-tooltip | 工具提示 |
| tb-treelist | TreeList |
| tb-treeList-editable | 带有编辑功能的TreeList |
| tb-treelistcolumn | TreeList—绑定列 |
| tb-treelistcolumn-locked | 树列表与冻结列 |
| tb-treeview | 树状视图 |
| tb-upload | 上传 |
| tb-window | 窗口 |
| tb-wizard | 向导 |