如何不在 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="true"，但没有成功，我是 kendo mvvm 的新手，如有任何帮助，我们将不胜感激，谢谢。

Answer 1

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

如果您的数据中确实有您想删除的空值，那么您可以 filter your DataSource，例如：

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

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

how not to show null values in kendo ui mvvm dropdown list

jquery

mvvm

kendo-ui