Kendo ui 剑道网格弹出窗口,带有布尔值的是/否组合

Kendo ui 剑道网格弹出窗口,带有布尔值的是/否组合,kendo-ui,kendo-grid,Kendo Ui,Kendo Grid,这让我快发疯了。我正在尝试做一些不需要动脑筋的事情,但是有很多问题。我有两个布尔字段,我想绑定到一个组合框,其中包含Yes和No。我想使用剑道UI组合框,我在剑道UI网格的弹出模板中完成所有这些 在下面的代码片段中,我有两个选择(在模板的末尾),一个设置了data role=“dropdownlist”,另一个不设置 第一个选择ReceiveEmailMontlyFlyer将在编辑用户时选择正确的值,但不会更改它应该绑定到的值。 第二个选择ReceiveEmailMessages将不会选择正确的

这让我快发疯了。我正在尝试做一些不需要动脑筋的事情,但是有很多问题。我有两个布尔字段,我想绑定到一个组合框,其中包含Yes和No。我想使用剑道UI组合框,我在剑道UI网格的弹出模板中完成所有这些

在下面的代码片段中,我有两个选择(在模板的末尾),一个设置了data role=“dropdownlist”,另一个不设置

第一个选择ReceiveEmailMontlyFlyer将在编辑用户时选择正确的值,但不会更改它应该绑定到的值。 第二个选择ReceiveEmailMessages将不会选择正确的值或返回正确的值

请帮忙。我一定错过了一些非常简单的东西,一些关于HTML5绑定或剑道的规则,我不知道也不理解

<script id="popupEditorTemplate" type="text/x-kendo-template">
    <div class="k-edit-label">
        <label for="Username" class="required">Username</label>
    </div>
    <input type="text" class="k-input k-textbox" name="Username" data-bind="value:Username">

    <div class="k-edit-label">
        <label for="FirstName" class="required">First Name</label>
    </div>
    <input type="text" class="k-input k-textbox" name="FirstName" data-bind="value:FirstName">

    <div class="k-edit-label">
        <label for="LastName" class="required">Last Name</label>
    </div>
    <input type="text" class="k-input k-textbox" name="LastName" data-bind="value:LastName">

    <div class="k-edit-label">
        <label for="Email" class="required">Email</label>
    </div>
    <input type="text" class="k-input k-textbox" name="Email" data-bind="value:Email">

    <div class="k-edit-label">
        <label for="HomePhone">Home Phone</label>
    </div>
    <input type="text" class="k-input k-textbox" name="HomePhone" data-bind="value:HomePhone">

    <div class="k-edit-label">
        <label for="WorkPhone">Work Phone</label>
    </div>
    <input type="text" class="k-input k-textbox" name="WorkPhone" data-bind="value:WorkPhone">

    <div class="k-edit-label">
        <label for="MobilePhone">Mobile Phone</label>
    </div>
    <input type="text" class="k-input k-textbox" name="MobilePhone" data-bind="value:MobilePhone">

    <div class="k-edit-label">
        <label for="Line1" class="required">Address Line 1</label>
    </div>
    <input type="text" class="k-input k-textbox" name="Line1" data-bind="value:Line1">

    <div class="k-edit-label">
        <label for="Line2">Address Line 2</label>
    </div>
    <input type="text" class="k-input k-textbox" name="Line2" data-bind="value:Line2">

    <div class="k-edit-label">
        <label for="ReceiveEmailMontlyFlyer">Receive Flyer</label>
    </div>

    <select name="ReceiveEmailMontlyFlyer" id="ReceiveEmailMontlyFlyer" data-bind="value:ReceiveEmailMontlyFlyer">
        <option value="1">Yes</option>
        <option value="0">No</option>
    </select>

    <div class="k-edit-label">
        <label for="ReceiveEmailMessages">Receive other</label>
    </div>
    <select id="ReceiveEmailMessages" name="ReceiveEmailMessages" data-bind="value:ReceiveEmailMessages" data-role="dropdownlist">
        <option value="1">Yes</option>
        <option value="0">No</option>
    </select>
    <br />
</script>

用户名
名字
姓
电子邮件
家庭电话
工作电话
手机
地址行1
地址行2
接收传单
对
不
接收其他
对
不


不确定这是否完全有助于解决您的问题,但您没有关闭

<script>


这可能会有问题

我不久前就知道了,但从未在这里发布过。如果其他人需要这个,这就是我发现的

我在脚本标记中创建了一个数据源,如下所示:

    var yesNoDropDownDataSource = new kendo.data.DataSource({
        data: [{ Value: "true", Text: "Yes" }, { Value: "false", Text: "No" }]
    });
然后,我在弹出式模板中使用了以下内容:

    <div class="k-edit-label">
        <label for="ReceiveEmailMonthlyFlyer" class="required">Receive Flyer</label>
    </div>
    <input name="ReceiveEmailMonthlyFlyer"
        data-bind="value:ReceiveEmailMonthlyFlyer"
        data-value-field="Value"
        data-text-field="Text"
        data-source="yesNoDropDownDataSource"
        data-role="dropdownlist" />
    <br>

接收传单


我更新了问题。当我发布它时,编辑器将结束脚本标记作为post标记的一部分或其他内容。它在那里,但没有显示在页面上。所以我更新了文本。当然,这一页还有很多内容,我就是不知道如何让它正确绑定/工作。