Трюк CSS, который вы написали, отлично работает, чтобы сохранить отношение width
/ height
к элементу. Он основан на свойстве padding
, когда его значение в процентах пропорционально ширине родителя, даже для padding-top
и padding-bottom
.
Не существует свойства CSS, которое могло бы установить горизонтальный размер пропорционально высоте родителя. Поэтому я думаю, что нет чистого CSS-решения.
После большого количества чтения на средствах управления расширителем и JavaScript, я починил решение, которое, кажется, работает до сих пор.
Основной прием получал необходимый код обратной передачи от серверной стороны до клиентского сценария поведения. Я сделал это при помощи ExtenderControlProperty
(который установлен в управлении OnPreRender
функция), и затем eval'd в сценарии поведения. Остальное было основным материалом обработки событий.
Таким образом, теперь мое управление расширителем .cs
файл выглядит примерно так:
public class DelayedSubmitExtender : ExtenderControlBase, IPostBackEventHandler
{
// This is where we'll give the behavior script the necessary code for the
// postback event
protected override void OnPreRender(EventArgs e)
{
string postback = Page.ClientScript.GetPostBackEventReference(this, "DelayedSubmit") + ";";
PostBackEvent = postback;
}
// This property matches up with a pair of get & set functions in the behavior script
[ExtenderControlProperty]
public string PostBackEvent
{
get
{
return GetPropertyValue<string>("PostBackEvent", "");
}
set
{
SetPropertyValue<string>("PostBackEvent", value);
}
}
// The event handling stuff
public event EventHandler Submit; // Our event
protected void OnSubmit(EventArgs e) // Called to raise the event
{
if (Submit != null)
{
Submit(this, e);
}
}
public void RaisePostBackEvent(string eventArgument) // From IPostBackEventHandler
{
if (eventArgument == "DelayedSubmit")
{
OnSubmit(new EventArgs());
}
}
}
И мой сценарий поведения выглядит примерно так:
DelayedSubmitBehavior = function(element) {
DelayedSubmitBehavior.initializeBase(this, [element]);
this._postBackEvent = null; // Stores the script required for the postback
}
DelayedSubmitBehavior.prototype = {
// Delayed submit code removed for brevity, but normally this would be where
// initialize, dispose, and client-side event handlers would go
// This is the client-side part of the PostBackEvent property
get_PostBackEvent: function() {
return this._postBackEvent;
},
set_PostBackEvent: function(value) {
this._postBackEvent = value;
}
// This is the client-side event handler where the postback is initiated from
_onTimerTick: function(sender, eventArgs) {
// The following line evaluates the string var as javascript,
// which will cause the desired postback
eval(this._postBackEvent);
}
}
Теперь событие серверной стороны может быть обработано тем же путем, Вы обработали бы событие на любом другом управлении.