Sweetalert: इनपुट के साथ संयुक्त कई बटन केवल बटन का मान लौटाते हैं

क्या आपका मतलब है कि आप इनपुट के मूल्य को वापस करने के लिए पुष्टिकरण बटन और कुछ अन्य बटन दोनों चाहते हैं? क्या आप विस्तार से बता सकते हैं कि आपका उपयोग मामला वास्तव में क्या है? :)

@ t4t5 इसे शायद इस FIXME के ​​साथ करना है ।

swal({
    buttons: {
        cancel: "Go back!",
        one: {
          text: "Button One",
          value: 1
        },
        two: {
          text: "Button Two",
          value: 2
        },
        three: {
          text: "Button Three",
          value: 3
        }
      },
      content: {
        element: "input",
        attributes: {
          placeholder: "What's your favorite food?",
          type: "text",
        },
      }
/*
 * Only returns one value, because input is overridden by buttons
 * so you never get the input's value and the button's value
 * just the button's value.
 */
}).then( value => {
    switch (value) {                  
        case 1:
            swal("You pressed one!")
            break;
        case 2:
            swal("You pressed two!")
            break;
        case 3:
            swal("You pressed three!")
            break;
        default:
            swal("Phew, got outta there.");
    }
});

बटन के मान का उपयोग करने की क्षमता के साथ-साथ इनपुट मान जो कुछ भी है, उसे नेस्टिंग अलर्ट के बजाय तर्क करना और बेकार इनपुट होना बहुत उपयोगी होगा क्योंकि यह आपके बटनों द्वारा ओवरराइड किया जा रहा है।

+1 में button मान और content मान दोनों हों

यदि आप बटन की किसी एक कुंजी को "पुष्टि" करने के लिए सेट करते हैं तो यह इनपुट का मान वापस कर देगा। उदाहरण:

swal({
  buttons: {
    cancel: "Go back!",
    one: {
      text: "Button One",
      value: 1
    },
    two: {
      text: "Button Two",
      value: 2
    },
    confirm: {
      text: "Button Three",
    }
  },
  content: {
    element: "input",
    attributes: {
      placeholder: "What's your favorite food?",
      type: "text",
    },
  }
})

क्या यह आपके उपयोग के मामले के लिए पर्याप्त है, या क्या आपका मतलब है कि प्रत्येक बटन को इनपुट मान और बटन मान दोनों वापस करना चाहिए?

@ t4t5 प्रत्येक बटन को इनपुट मान और बटन मान वापस करना चाहिए। विशेष रूप से मेरे उपयोग के मामले के लिए, मैं वेब आधारित सर्वर व्यवस्थापन उपकरण के लिए SweetAlert का उपयोग कर रहा हूं और विशेष रूप से व्यवस्थापक को संकेत देने के लिए जब वे उपयोगकर्ता पर "प्रतिबंध" बटन पर क्लिक करते हैं। इसके बाद अलर्ट में तीन बटन होंगे जिनकी मुझे लंबाई का प्रतिनिधित्व करने के लिए ("1d", "1w", या "हमेशा के लिए") का मान वापस करना होगा। उपयोगकर्ता को प्रतिबंधित क्यों किया जा रहा है, इसका कारण बताने के लिए मुझे एक इनपुट टेक्स्ट फ़ील्ड की भी आवश्यकता है। इन बटनों में से किसी एक पर क्लिक करने पर यह मेरे कॉलबैक को उस बटन के मान को जोड़ने की अनुमति देगा जिसे एक कारण के साथ प्रतिबंध लगाने के लिए मेरे सर्वर पर एक एपीआई क्वेरी बनाने के लिए इनपुट मान के साथ क्लिक किया गया था और प्रतिबंध कितने समय तक चलना चाहिए।

उम्मीद है कि उपयोग के मामले को दोनों मूल्यों को वापस करने के महत्व को स्पष्ट करना चाहिए। यह डेवलपर्स को चीजों के आसपास अपना रास्ता हैक करने या एक कदम प्रक्रिया को पूरा करने के लिए दो अलर्ट बनाने की अनुमति नहीं देता है।

        banPlayer: function (data) {
            var swalField = document.createElement('input');
            swalField.setAttribute("placeholder", "Reason for ban");
            swal({
                title: 'Banning: ' + data.name,
                buttons: {
                    cancel: "Go back!",
                    day: {
                      text: "24hr",
                      visible: true,
                      closeModal: true
                    },
                    week: {
                      text: "1w",
                      visible: true,
                      closeModal: true
                    },
                    perm: {
                      text: "Forever",
                      visible: true,
                      closeModal: true
                    }
                  },
                  content: swalField,
                dangerMode: true
            }).then( value => {
                let reason = swalField.value;
                // build API query request and submit it
            });

उपरोक्त स्निपेट सामग्री और बटन मान प्राप्त करने का मेरा "हैकी" तरीका है। हालाँकि, जैसा कि पहले इस सूत्र में व्यक्त किया गया है, यह बहुत अच्छा होगा कि यह दोनों मूल्यों को वापस कर दे।

एक अन्य उदाहरण एक इनपुट-फील्ड और दो बटनों के साथ एक मॉडल ( closeOnEsc: false, closeOnClickOutside: false ) होगा: पुष्टि + रद्द करें। मैं अभी के लिए @JayHerlth समाधान का उपयोग करने वाला हूं। बेहतर होगा यदि मूल्य-पैरामीटर एक वस्तु है यदि {बटन और सामग्री} सेट है।