2010-08-25 10 views
20

jQuery UI संवाद बॉक्स पर बंद बटन को हटाने का सबसे अच्छा तरीका क्या है?jQuery यूआई संवाद बॉक्स विजेट पर बंद बटन को हटाने का सबसे अच्छा तरीका?

मैं नहीं चाहता कि लोग संवाद बॉक्स को बंद करने में सक्षम हों।

मैं हैंडलिंग द्वारा कोड कोण पर यह कवर कर रहा हूँ:

closeOnEscape: false, 
beforeclose: function (event, ui) { return false; } 

मैं बंद करें बटन के वर्ग/आईडी ग्रैप और फिर इसे मैन्युअल रूप से छिपाने स्क्रिप्ट लिखने की ज़रूरत नहीं कोशिश कर रहा हूँ। और मैं मैन्युअल रूप से सीएसएस को या तो नहीं बदलूंगा, क्योंकि संवाद बॉक्स में ऐसी स्थितियां हो सकती हैं जहां इसे बंद बटन की आवश्यकता हो।

मैं इसे किसी भी तरह से संवाद कॉन्फ़िगर करना पसंद करूंगा, लेकिन या तो मैं यह नहीं समझ सकता कि इसे कैसे करें या संवाद बॉक्स इसके लिए अनुमति नहीं देता है।

संवाद बॉक्स को कॉन्फ़िगर करने के तरीके पर कोई सुझाव?

+1

के संभावित डुप्लिकेट [jQueryUI संवाद पर बंद करें बटन निकालें?] (Http://stackoverflow.com/questions/896777/remove-close-button- ऑन-jqueryui-dialog) –

उत्तर

54

मैं इस एक अच्छा समाधान

$("#myDialogID").dialog({ 
    closeOnEscape: false, 
    beforeClose: function (event, ui) { return false; }, 
    dialogClass: "noclose" 
}); 
हो पाया

मौजूदा शैलियों में फेरबदल नहीं, बजाय एक नया सा जोड़ने:

.noclose .ui-dialog-titlebar-close 
{ 
    display:none; 
} 

वर्ग काफी एक सुरुचिपूर्ण विधि से किया जा रहा समाप्त हो गया जोड़ा जा रहा है, के रूप में मैं संवाद को "वर्गीकृत" कर रहा हूं जिसे बंद नहीं किया जा सकता है।

+1

मेरे द्वारा +1 भी। वास्तव में बहुत अच्छा समाधान! – NullPointer

+0

यह एक बेहद सुरुचिपूर्ण समाधान है। बहुत सराहना की! –

+1

अच्छा संपादन @ बिशप, लिखने के समय "पहले से" लिखने के समय अभी भी चारों ओर लात मार रहा था :-) https://github.com/jquery/jquery-ui/commit/b42125af4350eda14a6b15bb71f8dd336858fbd8/ –

2

मैं एक और समाधान मिल गया, मेरे लिए काम करता है:

$("#divID").dialog({ 
    closeOnEscape: false, 
    open: function(event, ui) { $(".ui-dialog-titlebar-close").hide(); } 
}); 
संबंधित मुद्दे