Плагин JQuery Facebox: поместите его внутри тега формы

ковыряясь в facebox.js, я наткнулся на эту строчку в функции init (settings) ...

$('body').append($.facebox.settings.faceboxHtml)

Я изменил это на ...

$('#aspnetForm').append($.facebox.settings.faceboxHtml)

и он загружается в тег формы, пока не уверен, есть ли какие-либо побочные эффекты

Вы можете использовать этот код для регистрации события PostBack:

btn.OnClientClick = string.Format("{0}; $.facebox.close();",ClientScript.GetPostBackEventReference(btn, null));

это позволит кнопке запустить PostBack.

Даже после: $ ('# aspnetForm'). добавить ($. facebox.settings.faceboxHtml)

изменить я счел это проблематичным. Когда вы смотрите на источник страницы с помощью firebug, вы видите, что весь html в div, назначенный для div facebox, удваивается (повторяется).

Таким образом, все эти элементы управления с предполагаемыми уникальными идентификаторами дублируются на странице, что не может быть хорошим при обратной передаче, я решил, что размещение веб-элементов управления asp.net в лицевом окне - не лучшая идея.

Для этого я модифицировал facbox.js. Может быть, есть лучшее решение, но это работает как шарм

Вот что я сделал:

1. добавьте две строки поверх facbox.js перед '(function ($)'

var willremove = '';
var willremovehtml = '';

2. найдите "Показать: функцию (данные, класс) {" и добавьте эти строки перед первой строкой функции.

willremove = data.attr('id')
willremovehtml = $('#'+willremove).html()
$('#'+willremove).html('')

3. найдите "close: function () {" и сделайте так, как показано ниже.

close: function() {
$(document).trigger('close.facebox')
$('#'+willremove).html(willremovehtml)
willremovehtml = ''
willremove = ''
return false
}