Jquery UI objects- can they be made to take multiple configuration objects?

Question

I want to make multiple dialogs and with a default object for most common configuration. Can a configuration object be added in? I tried and this code fails:

var full_dialog = {
    width: "200px",
    height: "300px",
    position: [0,100]
}

$('<div></div>').dialog({
    title: 'Claim# '+ref_num,
    full_dialog
});

I've used $.extend to concatenate objects, I just wondered if there was a better way.

In this case, better = a solution that does not use $.extend that a a comment author feels is superior in their opinion. — Brandon Minton, May 11 '11 at 22:53

score 2 · Accepted Answer · answered May 11 '11 at 22:15

2

Just use $.extend, it's simple and clear.

answered May 11 '11 at 22:15

Håvard S

22,173
6
59
70

Good suggestion- it's also very powerful. I ended up using this after reading more about it. – Brandon Minton May 13 '11 at 15:14

score 2 · Answer 2 · edited May 23 '17 at 12:12

2

If you want to dynamically merge two objects' properties, have a look at this thread's accepted answer: How can I merge properties of two JavaScript objects dynamically?

Then you can do:

var full_dialog = {
    width: "200px",
    height: "300px",
    position: [0,100]
}

$('<div></div>').dialog(merge_options({
    title: 'Claim# '+ref_num
},full_dialog));

edited May 23 '17 at 12:12

Community

1
1

answered May 11 '11 at 22:18

DarthJDG

16,331
11
48
55

Jquery UI objects- can they be made to take multiple configuration objects?

2 Answers2