如何在C#中动态创建DIV，向其添加子元素，然后隐藏DIV (及其上的所有内容)？

Question

我找到了一种方法从this中剥去这只猫的皮，这导致了this，但我想知道是否最好将我所有的“幻灯片可调”元素放在div上，然后滑动这个div呢？

更具体地说，我正在C#中为Sharepoint / Web动态创建控件。我需要有条件地隐藏或滑动元素的“部分”。

理论上(我认为)，我可以创建类似于这样的DIV (面板)(在C#中，在我的*.ascx.cs文件中)：

Panel panelSec2 = new Panel(); // DIV
panelSec2.ID = "panelSection2";

..。然后立即创建控件，如下所示：

boxRequesterName = new TextBox
{
    CssClass = "dplatypus-webform-field-input"
};

...then将这些控件添加到DIV/Panel中：

panelSec2.Controls.Add(boxRequesterName);
. . .

以这种方式(想必/理论上)，我可以在相应的jQuery文件中像这样在*.ascx文件中隐藏/滑动面板：

$(document).on("change", '[id$=ckbxPaymentForSelf]', function () {
    if (this.checked) {
        var $panelSection2 = $('[id$=panelSection2]');
        $(panelSection2).slideUp();
    }
});

...and不必担心为隐藏/滑动指定单独的控件。

我说的对吗？还是我的理论有什么问题？

Answer 1

我想不出你的逻辑有什么问题。

但是，在JS方面，有一件事情可能会使事情变得更简单，那就是将ClientIDMode设置为静态。然后，您可以使用更直接的'#ControlID'语法，而不是以现在的语法结尾的属性。还可以将if语句中的两行合并为$('[id$=panelSection2]').slideUp()。