敲除和引导程序未绑定

用户名

我无法获取绑定的数据绑定的值。当我尝试读取该值时,它始终是未定义的。

我在这里设置了一个小提琴:

http://jsfiddle.net/tonymaloney1971/2qjhb5pw/5/

我认为问题可能出在我设置敲除绑定的方式上:

$(document).ready(function () {
    var data = [{ PostCodeStart: "", PostCodeEnd: "", Mileage: "", Notes: ""     }];


        add: function () {
//this part is not working this.PostCodeStart() === "" 
            alert("How do I get the value of PostCodeStart");
            if (this.PostCodeStart() === "" || this.PostCodeEnd() === "" || this.Mileage() === "") {
                alert("empty field");
            }
            else
                this.journeyList.push({ PostCodeStart: this.PostCodeStart(), PostCodeEnd: this.PostCodeEnd(), Mileage: this.Mileage(), Notes: this.Notes() });
        },

另外,在我的小提琴中,您会注意到

  • 每次添加新行时都会添加点,我怎么不显示
  • 谢谢

  • 罗伊

    我做了一个修改过的小提琴,将数据添加到您的添加和删除函数中。通常,您将不会使用this淘汰赛。附带说明一下,道格拉斯·克罗克福德(Douglas Crockford)提出了一个公平的理由,那就是this在谈论无类OOP时不要使用

    以下是相关的HTML:

                        <button class="btn-success img-rounded" data-bind="click:$root.add">
                            <span class="glyphicon glyphicon-plus-sign" style="text-align:right"></span>
                        </button>
                        <button class="btn-danger img-rounded" data-bind="click:$root.remove">
                            <span class="glyphicon glyphicon-remove"></span>
                        </button>
    

    和viewModel:

        var viewModel = {
            journeyList: ko.observableArray(data),
            add: function (data) {
                if (data.PostCodeStart === "" || data.PostCodeEnd === "" || data.Mileage === "") {
                    alert("empty field");
                }
                else {
                    viewModel.journeyList.push({ PostCodeStart: data.PostCodeStart, PostCodeEnd: data.PostCodeEnd, Mileage: data.Mileage, Notes: data.Notes });
                }
            },
    
            remove: function (data) {
                viewModel.journeyList.remove(data);
            }
        };
    

    更新:在列表中添加样式以消除项目符号。

        <ul data-bind="foreach: journeyList" style="list-style-type:none">
    

    http://jsfiddle.net/q6cjygy1/1/

    本文收集自互联网,转载请注明来源。

    如有侵权,请联系[email protected] 删除。

    编辑于
    0

    我来说两句

    0条评论
    登录后参与评论

    相关文章

    来自分类Dev

    在外部单击时从引导程序3.3.6中关闭敲除Popover Via敲除绑定处理程序

    来自分类Dev

    当鼠标移出父级时,为什么IE 8会因引导程序,敲除验证和自定义绑定处理程序而崩溃?

    来自分类Dev

    未使用自定义绑定和defineProperty调用敲除绑定value.update

    来自分类Dev

    引导程序绑定方式

    来自分类Dev

    增强和吸引敲除绑定机制

    来自分类Dev

    敲除模板和绑定以查看模型

    来自分类Dev

    将引导列表组绑定到敲除ko.observable

    来自分类Dev

    未使用模态引导程序和 codeigniter 插入数据

    来自分类Dev

    用JQuery模板进行的敲除绑定未显示数据?

    来自分类Dev

    HTML文本输入未使用敲除绑定更新

    来自分类Dev

    重新映射敲除后未绑定自定义属性

    来自分类Dev

    用JQuery模板进行的敲除绑定未显示数据?

    来自分类Dev

    敲除绑定处理程序未定义错误

    来自分类Dev

    敲除绑定处理程序未定义错误

    来自分类Dev

    基因敲除.js和元素上固定的左滚动绑定

    来自分类Dev

    引导程序模式未打开

    来自分类Dev

    引导程序标签输入如何将功能绑定到事件itemAdded和itemRemoved?

    来自分类Dev

    用tinymce绑定敲除

    来自分类Dev

    敲除虚拟滚动绑定

    来自分类Dev

    敲除启用绑定无效

    来自分类Dev

    敲除绑定问题

    来自分类Dev

    敲除JS单击绑定

    来自分类Dev

    敲除绑定错误

    来自分类Dev

    敲除绑定“使用”别名“ as”

    来自分类Dev

    敲除包装值绑定

    来自分类Dev

    敲除改变绑定事件

    来自分类Dev

    敲除筛选绑定

    来自分类Dev

    使用敲除绑定dropdownList

    来自分类Dev

    敲除中的绑定对象