部分ビューでスクロールイベントを永続化する方法はありますか?インデックスページ内で開始されたパーシャルのajaxフォーム投稿の後に必要なスクロールイベントを使用するテーブルがあります。部分ビュー自体にjsを配置せずにこれを行う方法はありますか?
スクロールイベントはテーブルにあります。
部分ビューでスクロールイベントを永続化する方法はありますか?インデックスページ内で開始されたパーシャルのajaxフォーム投稿の後に必要なスクロールイベントを使用するテーブルがあります。部分ビュー自体にjsを配置せずにこれを行う方法はありますか?
スクロールイベントはテーブルにあります。
スクロール イベントがバブルしないため、このような問題の回避策を見つけました。スクロール イベントとその必要な要素をバブルするイベント内に配置して、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);
});
}