Thursday 26 June 2014

How to create Widget in JQUERY..

(function ($) {

    $.widget('AZ.azAddNewDiscussion', $.AZ.Node, {
        options: {
          data: null      
        },
        widgetEventPrefix: $.AZ.Node.prototype.widgetEventPrefix,

        _create: function () {               // create event
            this._addNewDiscussion();

            this._on(this.element, {
                'click': function (event) {              
                },
                'click #newDiscussionNode': function (event) {
                    alert('button click');
                }

            });
        },
        _addNewDiscussion: function () {
     
          var buttonElemet = $("<h6 id='newDiscussionNode' style='text-align: right;color: #FFFFFF;margin-right: 1em;'>New Discussion</h6>");
          $(this.element).append(buttonElemet);

        }

    });

})(jQuery);

No comments:

Post a Comment