我很难通过KendoUI中的角度选项绑定在下拉列表中使用optionLabelTemplate.
版本:Kendo UI v2015.1.430
标记:
<select kendo-drop-down-list k-options="DropDownoptionsTest"></select>
脚本:
var TestData = new kendo.data.ObservableArray([{value:"one",id:1},{value:"two",id:2}]); $scope.DropDownoptionsTest = { dataSource: TestData,optionLabelTemplate: '<span>SelectText...</span>',dataTextField: "value",dataValueField: "id" };
有人可以向我解释为什么这不起作用,我怎么能使它工作?
解决方法
如果我正确理解你要做的是在首次渲染下拉列表并且没有选择时显示默认文本(“SelectText …”).执行此操作的方法是使用optionLabel属性.您还可以使用已经使用的optionLabelTemplate来自定义选项标签的标记,但仅限于选项标签已存在.
因此,虽然这不起作用:
因此,虽然这不起作用:
$scope.DropDownoptionsTest = { dataSource: TestData,optionLabelTemplate: '<span>Select Text...</span>',dataValueField: "id" };
这样做:
$scope.DropDownoptionsTest = { dataSource: TestData,optionLabel: 'Select Text...' optionLabelTemplate: '<span>Select Text...</span>',dataValueField: "id" };
请注意,在这种情况下,optionLabel将被忽略,因为optionLabelTemplate确定下拉列表将呈现的内容,但它仍然需要在那里.
最后,您还可以在optionLabelTemplate中使用optionLabel的值与此类似的东西(尽管我不能想到您可能需要执行此复杂操作的任何用例):
$scope.DropDownoptionsTest = { dataSource: $scope.testData,optionLabel: 'Select one...',optionLabelTemplate: function(optionLabel){return '<span>' + optionLabel + '</span>'},dataValueField: "id" };
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。