ansaurus

Question

Answer 1

+1 A:

I'm not really sure I totally understand your problem, but, what I think you are trying to say is that when you drag a portlet, it's supposed to be binding a click event listener to the 'setup' (wrench) button on your portlet so that when it's clicked a dialog pops up. And, you are saying that when you click on that wrench, a dialog pops up for all your portlets and not just the one you clicked the button inside of.

If that's the case, it may be that you are binding that wrench multiple times so that when its clicked, it will act as if its clicked more than once. The only recommendation I have for you is that instead of using the 'click' method use the 'bind' method.

This is what I mean... Don't do this:

$("#maincontent .column .portlet-header  .ui-icon-wrench").click(function() {
    // do stuff here
});

Do this instead and see if it makes any difference:

$("#maincontent .column .portlet-header  .ui-icon-wrench").unbind('click').bind('click',function() {
    // do stuff here
});

If that doesn't help, let me know and I will see if I can help you further.

UPDATE: Okay, so I think I might understand your problem now... When that wrench gets clicked, it brings up a dialog and in that dialog you are allowed to make changes to a certain portlet. But, you don't know how to let the dialog box know what portlet it should be affecting on update.

So, on that note, you can do something like this:

 $("#maincontent .column .portlet-header  .ui-icon-wrench").unbind('click').bind('click',function() {
     var portlet_to_edit = $(this).parents('.portlet').attr('id');
 $("#dialog").css("visibility","visible");
 $('#dialog').data('my_app.portlet_to_edit',portlet_to_edit);
 $("#dialog").dialog({
        // some of your stuff here...
        buttons: {
 'Update Chart': function() {
  var portlet_to_edit_id = $(this).data('my_app.portlet_to_edit');
  var portlet_to_edit = $('#'+portlet_to_edit_id);
                    // Do stuff with 'portlet_to_edit', for instance:
                    portlet_to_edit.find('.portlet-content').remove();
                    // ... or whatever you wanted to do...
            },
            // the rest of your buttons and stuff
        }
    });
    $('#dialog').dialog('open');
});

to your

KyleFarris 2009-03-30 15:21:21

Thanks Kyle, i update the question, see the update section ..Thanks!

Wildan Maulana 2009-03-31 05:45:36

Answer 2

A:

well i think the answer is simple, just use the $(this) so that the event handle will only be triggered for that specific portlet..it was my problem in my JQuery experience..

2009-04-12 16:19:34

ansaurus

tags:

views:

answers:

jQuery portlet and dialog box problem

related questions