2012-04-25 17 views
14

क्या jQuery UI संवाद में बटन के लिए आईडी सेट करना संभव है, ताकि मैं उन्हें बाद में jQuery के माध्यम से देख सकूं? उदाहरण के लिए, ईवेंट ट्रिगर, अक्षम आदि?jQuery UI संवाद बटन आईडी सेट करें?

... in the dialog setup ... 
buttons: {    
    "Sök": function() { 
     var bValid = true; 
    }, 
    "OK": function() { 
     if (OK()) { 
      getStuffNoteringar($("#txtStuffId").val()); 
      $(this).dialog("close"); 
     } 
    } 

.... later on in some javascript code.... 

$('#OK').click(); 

उत्तर

34
$("#myDialog").dialog({ 
    buttons : { 
    "MyButton" : { 
     text: "OK", 
     id: "okbtnid", 
     click: function(){ 
      var bValid = true; 
     } 
     } 
    } 
}); 
+1

अच्छा नहीं पता था कि के रूप में दर्ज नहीं किया है, लेकिन यह करता है काम करेगा। – GillesC

+2

[प्रलेखन] (http://jqueryui.com/demos/dialog/#option-buttons) आईडी के बारे में बात नहीं करता है लेकिन इसमें टेक्स्ट है और क्लिक करें :) – mprabhat

+0

हाँ, लेकिन दोनों इस तरह के गुण नहीं हैं इसलिए मैंने सेटिंग सोचा गुण काम नहीं करेंगे। इस अनियंत्रित सुविधा के बारे में जानने के लिए खुश है। दस्तावेज़ों से गुम होने वाले लोग हमेशा जानने के लिए सबसे अच्छे हैं :) – GillesC

0
जिस तरह से आप चाहते हैं के रूप में एपीआई उन विकल्पों प्रदान नहीं करता है लेकिन यदि आप संवाद बॉक्स द्वारा उत्पन्न मार्कअप को देखो आप हड़पने जो भी तत्व की जरूरत है और बाँध उन्हें के रूप में आप चाहते हैं में सक्षम होना चाहिए के माध्यम से

नहीं या उन्हें आईडी जोड़ें। यहाँ मार्कअप के रूप में प्रलेखन पेज (http://jqueryui.com/demos/dialog/) का पाया है

<div class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-draggable ui-resizable"> 
    <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix"> 
     <span id="ui-dialog-title-dialog" class="ui-dialog-title">Dialog title</span> 
     <a class="ui-dialog-titlebar-close ui-corner-all" href="#"><span class="ui-icon ui-icon-closethick">close</span></a> 
    </div> 
    <div style="height: 200px; min-height: 109px; width: auto;" class="ui-dialog-content ui-widget-content" id="dialog"> 
     <p>Dialog content goes here.</p> 
    </div> 
</div> 

यह मॉडल की सामग्री के अंदर बटन तो आप मोडल तत्व में सीएसएस प्रश्नों कर सकते हैं संदर्भ और उन तरीकों तक पहुंच प्राप्त करें।

संबंधित मुद्दे