我如何启动我的jquery小部件

时间:2013-04-16 01:28:16

标签: jquery html jquery-widgets

我是jquery的新手,我正在尝试构建一个小部件来填充页面上的列表。但是,当我点击按钮时,我似乎无法弄清楚如何实际绑定此小部件。我还想在页面加载时运行小部件。

这是我创建的jquery小部件(我不确定这是否正确,因为我还没有测试过):

(function ($) {
$.widget('MyProj.conversationreply', {
    options: {
    },
    _create: function () {
        var self = this,
            o = self.options,
            el = self.element,
            $this = $(self.element);

        this.self = self;


        this.ui = {};
        this.ui.widget = $this;
        this.ui.list = $this.find('.reply-list');
    },
    _init: function () {
        this.Load();
    },

    Load: function () {
        var self = this;

        $.ajax({
            url: '/People/Conversation/ListReplies',
            data: self.postData,
            error: function () {
                self._error();
            }
        }).done(function (response) {
            if (window.MyProj.isSuccessful(response)) {

                var html = [];
                $.each(response.list, function (i, item) {
                    var row = $(myProj.utils.template.GetTemplate('conversationReplyListItem').render(item));

                    html.push($('<div />').append(row).html());
                });


                self.ui.list.find('li').trigger('create');
                self.ui.list.listview('refresh');


                self._trigger("refreshed");
            } else {
                self._error(response);
            }
        });

    },



});
})(jQuery);

0 个答案:

没有答案