在局部视图中保持滚动事件

时间:2013-03-08 16:29:00

标签: javascript ajax asp.net-mvc partial-views

有没有办法在局部视图中保留滚动事件?我有一个表使用在索引页面中启动的部分ajax表单后需要的滚动事件。有没有办法在不将js放在局部视图本身的情况下这样做。

滚动事件在桌面上。

1 个答案:

答案 0 :(得分:1)

我想出了解决这些问题的原因,因为滚动事件没有冒泡,我将滚动事件及其所需的元素放在一个泡泡事件中,从而在渲染Ajax局部视图后保持滚动事件。

示例:

        $("#parent").on("click", "#child", function (event) {

            $.ajax({
                url: urlForPost,
                type: "POST",
                data: $("form").serialize(),
                contentType: "application/x-www-form-urlencoded;charset=ISO-8859-15"
            }).done(function (allData) {
                //First Remove white space for IE9 
                var expr = new RegExp('>[ \t\r\n\v\f]*<', 'g');
                allData = allData.replace(expr, '><');

                $("#parent").html(allData);
                ResizeContent();
              $("#id1").scroll(function () {
               $("#id2").scrollLeft($("#id1").scrollLeft());
           });
            }).fail(function (jqXHR, textStatus) {
                alert("Request failed: " + textStatus);
            });
          }