如何在kendo ui mvvm下拉列表中显示空值

Question

您好我正在使用kendo ui mvvm并且我正在尝试使用远程数据源绑定填充下拉列表，我可以将数据字段绑定到下拉列表但我的下拉列表具有空值，我想要做的是不要在下拉列表中显示这些空值。这是问题所在：

这是我的代码：

<select style="width:150px;" data-value-field="AttentionTo" data-primitive-value="true" data-bind="source: myds"></select>
  var viewModel = kendo.observable({

        myds: new kendo.data.DataSource({

            type: "json",
            transport: {
                read: {
                    url: "/Invoice/GetAllInvoices",
                }
            },
            schema: {
                data: 'Data',
                total: 'Total',
                errors: 'Errors',
                model: {
                    id: 'invoiceNumber',
                    fields: {
                        DueDate: {
                            type: "date"
                        },
                        InvoiceDate: {
                            type: "date"
                        },
                        AmountDue: {
                            type: "number"
                        }
                    }
                }
            },


        })

    });

    kendo.bind($("#gridFilters"), viewModel);

正如你所看到的，我已经尝试过data-primitive-value =＆＃34; true＆＃34;，但它没有用， 我是kendo mvvm的新手，任何帮助都将不胜感激，谢谢。

Answer 1

您缺少HTML元素的data-text-field属性。

如果您确实要在数据中删除要删除的数据，那么您可以filter your DataSource，例如：

new kendo.data.DataSource({
    ...
    filter: [
        { field: "AttentionTo", operator: "neq", value: "null" }
    ]
});