私は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);