Jquery слайдер. On Slider Stop поднять серверное событие

Question

Jquery слайдер. On Slider Stop поднять серверное событие

0

я хотел бы увеличить событие на стороне сервера в событии mouseup слайдера jquery. Как я могу это сделать? Можете ли вы указать мне хорошее место для начала?

Код на стороне сервера, на который я хотел бы позвонить, - это

Private Sub LoadBlock(ByVal AA As Integer)
'A lot of stuff here
End Sub

Значение, полученное из события слайдера JQuery, должно быть передано в качестве параметра в вышеприведенной процедуре

Мой текущий JQuery

<script type="text/javascript">
    $(document).ready(function () {

        var Country = ['<% =String.Join("', '", arrayString)%>'];

        $('#slider-range-max').slider({
            max: '<%= arrayLength%>',
            min: 0,
            value: '<%= iValue%>',
            slide: function (event, ui) {
                var splitValues = Country[ui.value].split("~");
                $('#lblGame').html(splitValues[0]);
                $('#hpHome').html(splitValues[1]);
            },
            stop: function (event, ui) { }
        });
    });

</script>

Наконец, это не домашнее задание !!!

OrElse 04 окт. 2013, в 13:51

Источник

2

ajax может быть тем, кого вы ищете.
Jai 04 окт. 2013, в 11:28
0

Вы хотите вызвать webmethod или любой другой метод за страницей?
Just code 14 окт. 2013, в 11:51
0

Я хотел бы вызвать любой нестатический метод
OrElse 14 окт. 2013, в 17:48

Показать ещё 1 комментарий

Теги:

jquery

asp.net

asp.net-ajax

2 ответа

3

<script type="text/javascript">
    $(document).ready(function () {

        var Country = ['<% =String.Join("', '", arrayString)%>'];

        $('#slider-range-max').slider({
            max: '<%= arrayLength%>',
            min: 0,
            value: '<%= iValue%>',
            slide: function (event, ui) {
                var splitValues = Country[ui.value].split("~");
                $('#lblGame').html(splitValues[0]);
                $('#hpHome').html(splitValues[1]);
            },
            stop: function (event, ui) {
            //bof:AJAX hit
            var path="YourPageName.aspx/NewMethod";
            $.ajax({
                url:path,type:"POST",cache:"false",
                dataType:"json",contentType:"application/json; charset=utf-8",
                data:"{'str1':'Some Temp String'}",
                success:function(response){alert("response is "+response.d);
                },error:function(){
                }
            });
            //eof:AJAX hit
            }
        });
    });

</script>

и в коде позади:

<System.Web.Services.WebMethod> _
Public Shared Function NewMethod(str1 As String) As String
'make same name of variable as in json data
    'do your server side stuff
    Return "Success"
End Function

Sam 12 окт. 2013, в 21:00

0

Не забудьте также активировать методы страницы.
Superzadeh 14 окт. 2013, в 11:43

Ещё вопросы

ajax может быть тем, кого вы ищете.
Вы хотите вызвать webmethod или любой другой метод за страницей?
Я хотел бы вызвать любой нестатический метод
Не забудьте также активировать методы страницы.

Just code · Accepted Answer · 2013-10-15T07-20-00.000Z

Я не тестировал этот код, но, безусловно, это поможет вам

взять одну кнопку

<asp:Button ID="img_update" runat="server" Text="Submit" style='display:none' OnClick="img_update_Click" />

ваш метод нестатический метод

 protected void img_update_Click(object sender, EventArgs e)
    {
//your code -behind
    }

Теперь ваш jquery будет выглядеть так:

<script type="text/javascript">
    $(document).ready(function () {

        var Country = ['<% =String.Join("', '", arrayString)%>'];

        $('#slider-range-max').slider({
            max: '<%= arrayLength%>',
            min: 0,
            value: '<%= iValue%>',
            slide: function (event, ui) {
                var splitValues = Country[ui.value].split("~");
                $('#lblGame').html(splitValues[0]);
                $('#hpHome').html(splitValues[1]);
            },
            stop: function (event, ui) {
                 document.getElementById('client id of button').click();
               }
        });
    });

</script>

Надеюсь, это даст вам лучшее представление о том, как реализовать нестатический метод........