访问当前我的jquery插件实例和其中的变量

Question

我是创建jQuery插件的新手，我使用剔除绑定创建了它，使其更具动态性，并且可以正常工作，但是我需要访问应用于HTML元素的实例的剔除视图模型，该怎么做？

(function ($) {
$.fn.CFITGrid = function (options) {
    return this.each(function () {
        var defaultOpthions = {
            // here default options values
        };

        var settings = $.extend({}, defaultOpthions, options);

        function CFITGridViewModel() {
            // class I will use it
        }

        var CFITGridViewModelObject = new CFITGridViewModel(); // Variable I need to access
        // do somthing
    });
}})(jQuery);
//In the page
$(document).ready(function () {
$("#Datadiv").CFITGrid({
    DefaultLoadDataUrl: "api/apiUserInfo/GetList?pageNumber=" + 1,
    DefaultPropertiesName: ["FirstNme", "LastName", "UserName"],
});
// I need to access the instance of the plugin and variable which inside it here
});

Answer 1

如果您有任何绑定元素的访问权限，那么访问KO viewModel非常容易（即，您不必位于绑定的根目录中）。

如果您具有绑定的根，则将返回绑定的viewmodel：

ko.dataFor(rootElement);

如果您的视图模型是平面的（即它不包含子对象或集合），则可以执行完全相同的操作以从任何内部dom对象访问绑定的视图模型。 但是，如果您的视图模型是分层的，则应使用ko.contextFor(someElement) ，这将使您可以访问整个上下文 ，即$data ， $parent ， $parents ， $root ...

请参阅此淘汰赛文档： 使用不引人注目的事件处理程序