Kendo MVVM在空值上的绑定作为对象绑定

问题描述 投票:5回答:2

关于剑道中的绑定行为,似乎是一个非常特殊的设计决策。

我正在尝试将可为空的值绑定到下拉列表。如果(远程源)值为null,则Kendo将生成对象绑定到该值,例如,使用下拉列表的data-value-field / value。这使得保存修改后的视图模型极其不可靠,因为现在将传输整个对象而不是简单的数据类型。

示例:Schedule.WeekNumbernull。从DropDown中选择一个值后,例如

<select data-role="dropdownlist" name="scheduleWeekOfMonth"
    data-bind="value:WeekNumber">
  <option value="">Every week</option>
  <option value="0">First week of month (1.-7.)</option>
  <option value="1">Second week of month (8.-14.)</option>
  <option value="2">Third week of month (15.-21.)</option>
  <option value="3">Last week of month (22.+)</option>
</select>

然后,值(JSON)为Object {text: "First week of month (1.-7.)", value: "0"},而不是"0"

有人对此有好的解决方案吗? -除了替换加载时视图模型的所有空值,例如:

function deNull(obj) {
  if(obj !== null && typeof obj === "object") {
    $.each(obj, function(index, value) {
      if(value !== null && typeof value === "object") {
        deNull(obj[index]); // we must go deeper (BRRRRRRRAAAAAWWWWRWRRRMRMRMMRMRMMMMM)
      }
      if(value === null) {
        obj[index] = "";  // workaround, this is the "null" equivalent of not being set         
        //console.log("De-nulled: " + index);
      }
    });
  }
}
data-binding mvvm kendo-ui
2个回答
4
投票

有一个可用于实现直接值绑定的数据值原始属性。

<select data-role="dropdownlist" name="scheduleWeekOfMonth"
  data-bind="value:WeekNumber" data-value-primitive="true">
    <option value="">Every week</option>
    ...
</select>

这里是有关此属性的in the docs链接。另外,还有一个UserVoice suggestion


0
投票

问题已多次讨论。设置默认值,以便在绑定时该值不为null,或者检查following文章如何创建自定义活页夹。

© www.soinside.com 2019 - 2024. All rights reserved.