剑道下拉宽度

嗨有人能告诉我如何设置宽度为剑道下拉？这是我的代码示例，它不工作。有什么不对吗？剑道下拉宽度

$("#div1").kendoDropDownList({ 
    dataSource: items, 
    dataTextField: "Name", 
    dataValueField: "Id", 
    Width : "250px" 
});

来源

2013-04-18 jestges

由于我的答案不适合你，请告诉我们你r相关的代码，即：JS（这就是你所拥有的），CSS和HTML。另外，制作一个jsFiddle。 – Shion 2013-04-18 13:18:18

你有没有得到这个工作？你如何设定宽度？ – Nick 2013-05-09 14:02:59

kendoDropDownList的配置没有属性宽度。请看这里：Kendo Docs

你可以做什么，是造型正确的类。由于您希望知道下拉列表的位置，因此您可以指定选择器，使其不适用于所有下拉列表。

#myContainer .k-dropdown { 
    width: 250px; 
}

来源

2013-04-18 06:27:56 Shion

当我尝试申请班级时，它正在申请所有下拉菜单 – jestges 2013-04-18 09:08:36

请参阅编辑的代码 – Shion 2013-04-18 09:29:41

:(不适用于我 – jestges 2013-04-18 12:21:53

如果您必须给不同的控件设置不同的宽度，您可以按照以下方法将宽度设置为特定的控件。

$("#div1").width(250).kendoDropDownList({ 
    dataSource: items, 
    dataTextField: "Name", 
    dataValueField: "Id", 
})

来源

2014-02-17 07:09:03

为了保持自动宽度由浏览器设置：

$("select").each(function() { 
    $(this) 
     .width($(this).width()) 
     .kendoDropDownList(); 
});

来源

2014-06-17 14:13:11

如果采用MVC剃刀的DropDownList HTML辅助/包装语法，那么你可以使用方法HtmlAttributes指定下拉列表的宽度等：

@(Html.Kendo().DropDownList()               .Name("myDDL") 
.HtmlAttributes(new { style="width:100px" })

来源

2014-12-09 18:49:19

你也可以试试这个;

<script type="text/javascript"> 
    $(document).ready(function() { 
    var kendoDropDown = $('#div1').data('kendoDropDownList'); 
    kendoDropDown.list.width(250); 
    }); 
</script>

在Telerik的官方API参考中可找到here的更多文档。

来源

2015-02-13 13:45:48 Mahib

更好地与CSS

#div1 {  
    width: 250px; 
}

做，而是将代码

$("#div1").width(250).kendoDropDownList({ 
    dataSource: items, 
    dataTextField: "Name", 
    dataValueField: "Id", 
})

来源

2016-08-14 20:33:17

这将工作100％，因为它已经为我工作努力，我尝试了上述解决方案，它没有为我工作，所以我发现这个我自己:)，我希望你们都从中受益

#DivThatContainsTheDropdown .k-combobox{ 
width: 22em !important; 
}

来源

2017-08-27 13:58:10

剑道下拉宽度

回答

相关问题