Question

我正在从代码隐藏创建dinamically控件，例如textbox，checkboxlist，radiobuttonlist等等......并将它们添加到转发器内的占位符中，以便创建动态调查从用户制作的模板中，调查问题我希望从代码隐藏中创建，但是如果有任何其他方式可以动态创建控件，你们可以指导我一个特定的主题或给我看一个码示例

我在想像......

 AjaxControlToolkit.Rating rateThing = new AjaxControlToolkit.Rating();
                    rateThing.CurrentRating = 3;
                    rateThing.MaxRating = 5;
                    rateThing.StarCssClass = "ratingStar";
                    rateThing.WaitingStarCssClass = "savedRatingStar";
                    rateThing.FilledStarCssClass = "filledRatingStar";
                    rateThing.EmptyStarCssClass = "emptyRatingStar";
                    rateThing.ID = "rateThing" + IdPregunta.Value;
                    rateThing.Visible = true;

                    placeholder.Controls.Add(rateThing);

但它没有呈现......

Pd积。我已经在css中添加了示例所需的图像以创建控件的星星，尝试使用this rating ajaxtoolkit stuff阅读有关MS的评级以及其他没有成功的内容：（

已编辑：从来没有弄明白所以我选择了一个RadioButtonList来创建代码隐藏中的控件然后使用CSS和JS / JQuery来创建真正的等级评估

您可以将此作为代码隐藏的指南

RadioButtonList rblEscala = new RadioButtonList();
    rblEscala.ID = "rblRes" + IdPregunta.Value;
    rblEscala.CssClass = "input-sm form-control col-sm-12 star-cb-group";
    rblEscala.Style.Add("height", "auto !important;");
    for (int i = 5; i >= 1; i--)
    {
        rblEscala.Items.Add(new ListItem("☆", i.ToString()));
    }
    rblEscala.RepeatDirection = RepeatDirection.Horizontal;

    placeholder.Controls.Add(rblEscala);

在前面使用此链接作为参考：https://codepen.io/anon/pen/PKxQYY

Answer 1

我将释放我的代码，以便您可以使用它作为自定义评级的基础呵呵呵

对于 CodeBehind ，请尝试使用PlaceHolder并使用它：

                    RadioButtonList rblEscala = new RadioButtonList();
                    rblEscala.ID = "rblRes";
                    rblEscala.CssClass = "star-cb-group";
                    rblEscala.Style.Add("height", "auto !important;");
                    for (int i = 5; i >= 1; i--)
                    {
                        //rblEscala.Items.Add(new ListItem(i.ToString(), i.ToString()));
                        rblEscala.Items.Add(new ListItem("☆", i.ToString()));
                    }
                    rblEscala.RepeatDirection = RepeatDirection.Horizontal;

                    placeholder.Controls.Add(rblEscala);

CSS 使用此：

    .star-cb-group {
        /* remove inline-block whitespace */
        font-size: 0;
        /* flip the order so we can use the + and ~ combinators */
        unicode-bidi: bidi-override;
        direction: rtl;
        /* the hidden clearer */
    }

        .star-cb-group tbody {
            float: left;
        }

        .star-cb-group * {
            font-size: 2.5rem;
        }

        .star-cb-group input {
            display: none;
            background: none;
        }

        .star-cb-group label {
            background: none !important;
            padding-left: 5px !important;
            height: auto !important;
        }

        .star-cb-group input + label {
            color: #888;
        }

        .star-cb-group input:checked + label {
            color: #e52;
        }

对于 JS / Jquery ，我添加了这个：

        try {
            $(".star-cb-group input").change(function () {
                //$(this).next().text("★");
                var inputs = $(this).parent().parent().children().children("input");
                var bandera = false;
                inputs.each(function () {
                    if ($(this).is(':checked') || bandera) {
                        $(this).next().text("★");
                        $(this).next().css("color", "#e52");
                        $(this).next().css("font-weight", "Bold !important");
                        bandera = true;
                    } else {
                        $(this).next().text("☆");
                        $(this).next().css("color", "#888");
                        $(this).next().css("font-weight", "normal !important");
                    }
                });
            });
        } catch (err2) {
            console.log(err2);
        }

如何从C＃中的代码隐藏创建AjaxToolKit控件（评级）？

1 个答案: