Пример.  Сплаттинг атрибутов и произвольные параметры

Передача значений атрибуту элемента HTML напрямую или через свойство словаря (через код C#),
например: font=2rem, font-size=10px, maxlength='10', и т.п.

Использует индивидуальные параметры компонентов.

Используется сплаттинг атрибут.
Используется "InputAtributes"-свойство словаря с атрибутами и значениями для элемента "input"

Исходный код

            -------------Pages\Splat\Splat.razor

            <p>
                <h6>Использует индивидуальные параметры компонентов.</h6>
                <input id="useIndividualParams"
                          maxlength="@maxlength"
                          placeholder="@placeholder"
                          required="@required"
                          size="@size" />
            </p>

            <p>
                <h6>Используется сплаттинг атрибут. Используется "InputAtributes"-свойство словаря с атрибутами и значениями для элемента "input</h6>
                <input @attributes="InputAtributes" />
            </p>


          @code {
            //индивидуальные параметры
                 string maxlength = "10";
                 string placeholder = "Input placeholder text";
                 string required = "required";
                 string size = "50";

            //Для сплаттинг атрибутов.
                  Dictionary<string, object>
            InputAtributes { get; set; } = new Dictionary<string, object>()
                {
                    { "maxlenght","10" },
                    { "placeholder", "Input placeholder text" },
                    { "required", "required" },
                   { "size","50" }
                };
            }

        
Произошла ошибка. Это приложение может больше не отвечать до перезагрузки.(переведено) Произошла ошибка. Это приложение может больше не отвечать до перезагрузки.(переведено) Reload 🗙
Web hosting by Somee.com