Member 14016692 Ответов: 1

Как вызвать диалоговое окно внутри условия if ? язык JavaScript

Я знаю, что это очень простой вопрос для тех, Но я новичок, и я пытаюсь понять, как вызвать диалоговое окно с 2 кнопками с параметрами внутри условия if. мой код не вызывает функцию только отображения предупреждающего сообщения. Если кто то может просветить меня я буду очень признателен вам спасибо

Что я уже пробовал:

<div id="requirement #2">

  <button type="button" id="button4" onclick="StringSearch1()">Search</button>
</div>




<script>


 function StringSearch1() {


        if (condition) {

           stayonPage1(val1,val2,val3);
          //  alert("textfield1 " + val1 + " Exists in textfield2 and its corresponding value in text 3 is " + val3)
            //;
           //the alert message is working but I want to call the function dialogbox  to pop



        } else {
           //  alert("textfield1 " + val1 + " not Exists in textfield2 and its corresponding value in text 3 is " + val3)
        }
    }
      function stayonPage1(val1,val2,val3){
     var dialog = $("textfield1 " + val1 + " Exists in textfield2 and its corresponding value in text 3 is " + val3).dialog({
            buttons: {
                "Apply": function() {alert('you chose yes');},

                "Cancel":  function() {
                    dialog.dialog('close');
                }
            }
     });

        }

    </script>

1 Ответов

Рейтинг:
1

F-ES Sitecore

Обратитесь к документации, чтобы узнать, как использовать диалоговое окно

Dialog Widget | jQuery UI 1.10 документация[^]

Начните с простого примера, заставьте его работать, а затем адаптируйте его к вашим требованиям.

Вы не делаете "var dialog=", вы просто вызываете метод dialog напрямую, поэтому отбросьте бит "var dialog=". Во-вторых, бит в скобках-это селектор элемента на странице, представляющего диалог, который вы хотите показать. Ваш код таков

$("textfield1 " + val1 + " Exists in textfield2 and its corresponding value in text 3 is " + val3)


Это не выбирает какой-либо элемент. Вам нужно что-то вроде div с идентификатором диалогового окна

<div id="dialog" title="Dialog Title">I'm a dialog</div>


Затем вы делаете что-то вроде

function stayonPage1(val1, val2, val3) {
    $("#dialog").dialog({
        buttons: {
            "Apply": function () { alert('you chose yes'); },

            "Cancel": function () {
                $(this).dialog("close");
            }
        }
    });

}


У вас могут быть и другие проблемы, такие как не определение "condition", или "val1" и т. д., Когда вы вызываете stayonPage1, но я не знаю, только ли это потому, что вы не опубликовали весь свой код.