kendo-dropdown 相关问题

Kendo Dropdown代表了<select>元素的更丰富版本，支持本地和远程数据绑定，项模板以及用于控制列表行为的可配置选项。

请帮忙。如何在 kendo-dropdownlist 中的 Angular 中添加两个参数到 textField 示例“id”+“text” 请帮忙。如何在 kendo-dropdownlist 中的 Angular 中添加两个参数到 textField 示例“id”+“text” <kendo-dropdownlist #annualTimetableScheduleDropdown [data]="annualSchedules" [formControlName]="formNames.annualTimetableScheduleId" [defaultItem]="{ id:null, text: 'wybierz Harmonogram RRJ' }" [textField]="'text'" [valueField]="'id'" [valuePrimitive]="true" (valueChange)="AnnualTimetableScheduleValueChange($event)" > 我尝试 [textField]="'id'" + "'text'" 当我列出下拉列表时，我没有 id。如何将 id 添加到 Angular + Kendo 下拉列表中文本字段中的文本 Angular 中使用 Kendo 组件 DropDownList 的完整代码 html <kendo-formfield fxFlex="grow" [orientation]="'horizontal'"> <kendo-label [for]="annualTimetableScheduleDropdown" class="k-checkbox-label" text="Harmonogram RRJ" ></kendo-label> <div> <kendo-dropdownlist [data]="annualSchedules" [formControlName]="formNames.annualTimetableScheduleId" [defaultItem]="{ id:null, text: 'wybierz Harmonogram RRJ' }" [textField]="'text'" [valueField]="'id'" [valuePrimitive]="true" (valueChange)="AnnualTimetableScheduleValueChange($event)" > <ng-template kendoDropDownListValueTemplate let-dataItem> <span *ngIf="dataItem.id">{{ dataItem.id }}) {{ dataItem.text }}</span> <div> <button (click)=" resetDropdownValue( formNames.annualTimetableScheduleId, annualTimetableScheduleDropdown ) " class="form__dropdownResetBtn" look="flat" kendoButton icon="close" ></button> </div> <div *ngIf="!dataItem.id"> <span>{{ dataItem.id }}) {{ dataItem.text }}</span> </div> </ng-template> </kendo-dropdownlist> annualSchedules is Array: string 请帮帮我我尝试了一切，我学习了 Angular 和剑道，我问你，我可以帮助你解决方案是使用kendoDropDownListItemTemplate 如图所示https://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdownlist/templates/ 显示这个： <div class="example-wrapper"> <kendo-dropdownlist [data]="listItems" textField="text" valueField="value" [value]="selectedValue" [valuePrimitive]="true" > <ng-template kendoDropDownListItemTemplate let-dataItem> <span class="template">{{ dataItem.value }}</span> {{ dataItem.text }} </ng-template> </kendo-dropdownlist> </div> 或者在你的情况下，你会做这样的事情 <kendo-dropdownlist [data]="annualSchedules" [formControlName]="formNames.annualTimetableScheduleId" [defaultItem]="{ id:null, text: 'wybierz Harmonogram RRJ' }" [textField]="'text'" [valueField]="'id'" [valuePrimitive]="true" (valueChange)="AnnualTimetableScheduleValueChange($event)" > <ng-template kendoDropDownListItemTemplate let-dataItem> <ng-container *ngIf="dataItem.id"> {{ dataItem.id + ' '+ dataItem.text }} </ng-container> <ng-container *ngIf="!dataItem.id"> {{ ' - ' + dataItem.text }} // here I put a dash to indicate there is no id </ng-container> </ng-template> </kendo-dropdownlist>

angular typescript kendo-dropdown

回答 1 投票 0

选择下拉方向

我想知道元素如何定义何时向下扩展以及何时向上扩展。我想创建像kendo的DropDownList这样的控件，但我不知道如何定义展开方向.... 我想知道 <select> 元素如何定义何时向下扩展以及何时向上扩展。我想创建像kendo的DropDownList这样的控件，但我不知道如何定义展开方向。在这里我们看到，由于视口的末端，向下扩展是不可能的，因此扩展方向设置为“向上”：这是相反的方向：这是标准选择行为，但在我的情况下视口容器是未知的。如何使用javascript确定扩展方向？ select 元素的行为由浏览器控制。这里提出了一个非常相似的问题，并提供了准确的答案选择可以“下拉”的下拉列表您无法直接控制所选展开框的上方或下方位置。您可以在选择元素中控制的一件事是下拉框中的项目数量。这可能会有所帮助，因为您可以将足够大的物品放入盒子中以将其置于上方。然而，它可能看起来很难看。 <select size="number"> 通过访问事件对象可以看到点击事件距离顶部和底部有多远。 var pretendSelect = document.querySelector('#pretendSelect'); var daDiv = document.querySelector('#daDiv') daDiv.addEventListener('click', function(ev){ pretendSelect.style.display = "block"; pretendSelect.style.left = ev.clientX + 'px'; if(ev.clientY > 120 ){ pretendSelect.style.top = ev.clientY - 80 + 'px'; } else { pretendSelect.style.top = ev.clientY + 'px'; } console.log(ev.clientX); console.log(ev.clientY); }) #daDiv { background:red; width:200px; height: 200px; left:0; top:0; } #pretendSelect { height:80px; position:absolute; background:blue; width:50px; z-index:1; top:0; display:none; } <div id="daDiv"></div> <div id="pretendSelect"></div>

javascript html select kendo-dropdown

回答 0 投票 0

更改详细表中的所有下拉菜单

使用 Telerik ASP.NET MVC 库。因此，有一个带有 DetailTemplate 的网格，它是子网格。在详细信息网格中，每一行都有一个 Telerik DropDownList。父表行也有一个 DropDownList....

kendo-ui kendo-grid kendo-asp.net-mvc kendo-dropdown

回答 0 投票 0

在 Azure 服务器上发布代码后，Kendo Dropdown 变为文本框

我的 UI 中有两个下拉菜单，标题为“应用程序包”和“文档类型”。 .列（列=> { columns.Bound(c => c.AppPack...

azure kendo-ui kendo-dropdown

回答 0 投票 0

剑道有立式多选组合箱吗？

我很喜欢这个的风格https:/mdbootstrap.comdocsangularformsmultiselect-1，但我似乎在Kendo Angular上找不到类似的控件。有谁知道我怎么能创建这个 ...