Angular 角度剑道UI在下拉列表中禁用选项
可以在剑道下拉列表中禁用选项吗? 或者从列表中隐藏它们? 在html中,它是:Angular 角度剑道UI在下拉列表中禁用选项,angular,kendo-ui-angular2,Angular,Kendo Ui Angular2,可以在剑道下拉列表中禁用选项吗? 或者从列表中隐藏它们? 在html中,它是: <select> <option value="volv" [disabled]="">Volvo</option> <option value="saa">Saab</option> <option value="vw">V</option> </select> 沃尔沃汽车 萨博 v 我怎样才能在剑道下
<select>
<option value="volv" [disabled]="">Volvo</option>
<option value="saa">Saab</option>
<option value="vw">V</option>
</select>
沃尔沃汽车
萨博
v
我怎样才能在剑道下拉列表中做到这一点
<div class="example-wrapper">
<kendo-combobox
[data]="listItems"
[textField]="'text'"
[valueField]="'value'"
[value]="selectedValue"
[valuePrimitive]="true">
<ng-template kendoComboBoxItemTemplate let-dataItem>
<span class="template">{{ dataItem.value }}</span> {{
dataItem.text }}
</ng-template>
</kendo-combobox>
</div>
{{dataItem.value}}{
dataItem.text}
谢谢,我看不出他们的剑道用户界面文档中有关于它的内容。我建议过滤掉你想被“禁用”的元素。你可以用你喜欢的任何方法。我更喜欢lodash:我看不出他们的剑道UI文档中有关于它的内容。我建议过滤掉你想被“禁用”的元素。你可以用你喜欢的任何方法。我更喜欢洛达斯:剑道没有解决方案。 可以通过以下方式解决此问题:
<kendo-combobox (valueChange)="valueChange($event);" [placeholder]="'xxx" [data]="data" [textField]="'Value'" [valueField]="'Value'" >
<ng-template kendoComboBoxItemTemplate let-dataItem>
<button class="template" [disabled]="!dataItem.Max" >{{dataItem.Value}}</button>
</ng-template>
</kendo-combobox>
{{dataItem.Value}
或:
@组件({
选择器:“我的应用程序”,
样式:['.模板{显示:内联块;背景:#333;颜色:#fff;边框半径:50%;宽度:18px;高度:18px;文本对齐:中心;}',
模板:`
{{dataItem.text}
`,
风格:[`
.残疾人{
指针事件:无;
不透明度:0.6;
}
`],
封装:视图封装。无
})
导出类AppComponent{
公共列表项:数组=[
{文本:“小”,值:1},
{文本:“中等”,值:2},
{文本:“大”,值:3}
];
公共选择价值;
昂瓦尔奇(e){
}
onOpen(){
让骗子
设置超时(()=>{
liArr=Array.from(document.getElementsByClassName(“k-item”))
说谎者。forEach(el=>{
如果(el.innerText.indexOf('Small')!=-1){
el.classList.add(“禁用”)
}
})
})
}
}
剑道没有解决方案。
可以通过以下方式解决此问题:
<kendo-combobox (valueChange)="valueChange($event);" [placeholder]="'xxx" [data]="data" [textField]="'Value'" [valueField]="'Value'" >
<ng-template kendoComboBoxItemTemplate let-dataItem>
<button class="template" [disabled]="!dataItem.Max" >{{dataItem.Value}}</button>
</ng-template>
</kendo-combobox>
{{dataItem.Value}
或:
@组件({
选择器:“我的应用程序”,
样式:['.模板{显示:内联块;背景:#333;颜色:#fff;边框半径:50%;宽度:18px;高度:18px;文本对齐:中心;}',
模板:`
{{dataItem.text}
`,
风格:[`
.残疾人{
指针事件:无;
不透明度:0.6;
}
`],
封装:视图封装。无
})
导出类AppComponent{
公共列表项:数组=[
{文本:“小”,值:1},
{文本:“中等”,值:2},
{文本:“大”,值:3}
];
公共选择价值;
昂瓦尔奇(e){
}
onOpen(){
让骗子
设置超时(()=>{
liArr=Array.from(document.getElementsByClassName(“k-item”))
说谎者。forEach(el=>{
如果(el.innerText.indexOf('Small')!=-1){
el.classList.add(“禁用”)
}
})
})
}
}
有可能
下面的示例演示如何在DropDownList绑定到复杂数据时使用itemDisabled属性禁用特定列表选项
有可能
下面的示例演示如何在DropDownList绑定到复杂数据时使用itemDisabled属性禁用特定列表选项
可以选中剑道下拉列表禁用选项,该选项可能适用于此。我也有同样的问题!你找到解决方案了吗?可以检查剑道下拉列表禁用选项,它可能与此一起工作。我也有同样的问题!您找到解决方案了吗?按代码而不是按用户选择选项时需要禁用。我需要选项存在于列表中,但不用于用户选择..禁用用于按代码而不是按用户选择选项。我需要选项存在于列表中,但不用于用户选择。。