Question

在考虑了这段时间之后，我想知道你们是怎么想的，或者在这种情况下是否已经存在已知的模式。

我们只是为了论证我说使用C＃MVC和Kendo UI（或JQuery）。

我认为，客户端代码由3部分组成：

标记 - HTML。
声明性JavaScript - Kendo UI / JQuery控件。
查看模型 - MVVM模型。

我认为这些部分应按如下方式分开：

我希望视图模型能够相互交互，所以我会在单独的js文件中声明所有视图模型并加载它们。

声明性javascript在没有标记的情况下是无用的，所以它应该是把它放在同一个html文件中或在另一个js文件中分隔，在标记的末尾加载（或者使用文档就绪事件）。

所以在那天结束时我会：

product.html

    <ul id="example">
       <li><label>Product Name</label><input type="text"></li>
       <li><label>Product Size</label><input id="product-size" data-bind="value:selectedSize></li>
    </ul>
<script src="product.js"></script>

product.js

kendo.bind($("#example"), viewModel);

$("#product-size").kendoDropDownList({
                        dataTextField: "text",
                        dataValueField: "value",
                        dataSource: data,
                        index: 0,
                        change: onChange
                    });

product.model.js

var viewModel = kendo.observable({
        selectedSize: null,
};

组织Web MVVM文件内容和结构

0 个答案: