我是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);