jsViews - 使用数据链接时出错

时间:2014-05-12 14:43:29

标签: javascript jsrender jsviews

我有以下脚本模板:

<script id="template" type="text/x-jsrender">
    <div>
        <label>Name</label>
        <input data-link="FirstName" type="text" />
    </div>


    <button>Search</button>
</script>

我使用以下命令触发jsView:

$.templates("#template").link("#result", model);

模型是js对象

function myModel() {
    this.FirstName = "";
}

不幸的是,link命令casues错误:

TypeError: elem.dispatchEvent is not a function

可能出现什么问题?

1 个答案:

答案 0 :(得分:0)

这可能是你构建模型的方式吗?

例如,这不起作用(fiddle):

function myModel() {
    this.FirstName = "",
}
var model = myModel();
$.templates("#template").link("#result", model);

但这有效(fiddle):

var model= {
    FirstName : "",
}

$.templates("#template").link("#result", model);

就像这样(fiddle):

function myModel() {
    this.FirstName = "",
}
var model = new myModel(); //<---the new keyword makes the difference
$.templates("#template").link("#result", model);