关于剑道中的绑定行为,似乎是一个非常特殊的设计决策。
我正在尝试将可为空的值绑定到下拉列表。如果(远程源)值为null,则Kendo将生成对象绑定到该值,例如,使用下拉列表的data-value-field / value。这使得保存修改后的视图模型极其不可靠,因为现在将传输整个对象而不是简单的数据类型。
示例:Schedule.WeekNumber
是null
。从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);
}
});
}
}
有一个可用于实现直接值绑定的数据值原始属性。
<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。
问题已多次讨论。设置默认值,以便在绑定时该值不为null,或者检查following文章如何创建自定义活页夹。