2

Здравствуйте, как сделать, чтобы после onclientclick срабатывал onclick?

            Label labelcount = new Label();
            labelcount.ID = "labelcount";
            labelcount.Text = "";
            Controls.Add(labelcount);
            imImageMicro = ImageButton();
            cbFood = new CheckBox();
            cbFood.AutoPostBack = true;
            cbFood.ID = "CheckBoxFood" + id;
            cbFood.Text = "Food";
            cbFood.Checked = false;
            cbFood.CheckedChanged += cbFood_CheckedChanged;
            bReheat = new Button();

            bReheat.ID = "ReheatButton" + id;
            bReheat.CssClass = "btn btn-info";
            bReheat.Text = "Reheat";
            bReheat.OnClientClick = "javascript: return countclick()";
            bReheat.Click += bReheat_Click;
            Controls.Add(imImageMicro);
            Controls.Add(cbFood);
            Controls.Add(bReheat);


               protected void ScriptSet()
    {


        String script = "";
        script += @"<script>
   window.onload = function () {
        var counter = 0;
        var intervalHandler;

        function count() {
            get('labelcount').innerText = counter;
            counter++;
        }

      function countclick() {
            intervalHandler = setInterval(count, 1000);

            var handler=setTimeout(function () {
                clearInterval(intervalHandler);
                alert('стоп');
            }, 5000);
           return false;
        }


    var get = function (id) {
        return document.getElementById(id);
    }

     </script>

            ";

        Page.ClientScript.RegisterClientScriptBlock(this.GetType(), "CountDown", script);


    }

1 ответ 1

0

Стандартная ASP-кнопка и так отправляет PostBack, вызывая серверное событие OnClick. В вашем случае в обработчике клиентского события onclick, Вы возвращаете false, тем самым не позволяете браузеру выполнить стандартную обработку: sumbit (именно так рендерится стандартная ASP'шная серверная кнопка).

Для того, чтобы вызвать серверное событие OnClick через JavaScript, можно симулировать клик: на элементе-кнопке вызвать метод click. Но т.к. у вас уже кнопка имеет обработчик (countclick), то при нажатии он будет выполняться. И здесь можно либо использовать флаг, который будет проверяться в самом начале метода countclick и подниматься после timeout'а. А повторный клик вызывать после поднятия флага, т.е. в том же timeout'е:

var isCallPostBack = false;
function countclick() {
    if (isCallPostBack) // Когда флаг будет поднят, выполнится стандартная обработка
                        // Выполнится PostBack от кнопки, а значит сработает серверное событий OnClick
        return true;
    var btn = // Здесь нужно получить DOM-элемент кнопки.
              // Либо через document.getElementById()
              // Либо завести параметр метода
              // Либо через this (только не забыть вызывать с нужным контекстом (call, apply))
    intervalHandler = setInterval(count, 1000);

    var handler=setTimeout(function () {
        clearInterval(intervalHandler);
        alert('стоп');
        // Поднимаем флаг и вызываем клик на кнопке.
        isCallPostBack = true;
        btn.click(); 
    }, 5000);
    return false;
}

Либо просто переопределять onclick в timeout'е, и тогда не будет нужны никакие флаги.

4
  • А как можно переписать скрипт, чтобы по окончанию отсчета функция возвращала true ?
    – Nameless
    27 сен 2016 в 17:15
  • @Nameless вместо false напишите true. Но, в случае, когда Вам нужно проверить установку таймаута, можете просто использовать условия. Если установилось - вернуть тру, если нет - фолс
    – Khazratbek
    28 сен 2016 в 7:30
  • @Nameless, обновил ответ.
    – skubarenko
    28 сен 2016 в 9:52
  • @ nuts119, спасибо Ваш ответ помог мне
    – Nameless
    28 сен 2016 в 12:04

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.