/// <summary> /// Creates an an individual checkbox /// </summary> /// <param name="sb">String builder of checkbox list</param> /// <param name="htmlHelper">HtmlHelper passed from view model</param> /// <param name="modelMetadata">Model Metadata</param> /// <param name="htmlWrapper">MVC Html helper class that is being extended</param> /// <param name="htmlAttributesForCheckBox">Each checkbox HTML tag attributes (e.g. 'new { class="somename" }')</param> /// <param name="selectedValues">List of strings of selected values</param> /// <param name="itemIsSelected"> </param> /// <param name="disabledValues">List of strings of disabled values</param> /// <param name="name">Name of the checkbox list (same for all checkboxes)</param> /// <param name="itemValue">Value of the checkbox</param> /// <param name="itemText">Text to be displayed next to checkbox</param> /// <param name="textLayout">Sets layout of a checkbox for right-to-left languages</param> /// <returns>String builder of checkbox list</returns> private StringBuilder _createCheckBoxListElement (StringBuilder sb, HtmlHelper htmlHelper, ModelMetadata modelMetadata, htmlWrapperInfo htmlWrapper, IDictionary <string, object> htmlAttributesForCheckBox, List <string> selectedValues, string itemIsSelected, IEnumerable <string> disabledValues, string name, string itemValue, string itemText, TextLayout textLayout) { // get full name from view model var fullName = htmlHelper.ViewContext.ViewData.TemplateInfo.GetFullHtmlFieldName(name); // create checkbox tag var checkbox_builder = new TagBuilder("input"); if (selectedValues.Any(value => value == itemValue)) { checkbox_builder.MergeAttribute("checked", "checked"); } bool selected; if (bool.TryParse(itemIsSelected, out selected)) { if (selected) { checkbox_builder.MergeAttribute("checked", "checked"); } } checkbox_builder.MergeAttributes(htmlAttributesForCheckBox.toDictionary()); checkbox_builder.MergeAttribute("type", "checkbox"); checkbox_builder.MergeAttribute("value", itemValue); checkbox_builder.MergeAttribute("name", fullName); // create linked label tag var link_id = htmlHelper.ViewContext.ViewData.TemplateInfo.GetFullHtmlFieldId(name) + linked_label_counter++; checkbox_builder.GenerateId(link_id); var linked_label_builder = new TagBuilder("label"); linked_label_builder.MergeAttribute("for", link_id); linked_label_builder.MergeAttributes(htmlAttributesForCheckBox.toDictionary()); linked_label_builder.InnerHtml = itemText; // if there are any errors for a named field, we add the css attribute ModelState modelState; if (htmlHelper.ViewData.ModelState.TryGetValue(fullName, out modelState)) { if (modelState.Errors.Count > 0) { checkbox_builder.AddCssClass(HtmlHelper.ValidationInputCssClassName); } } checkbox_builder.MergeAttributes(htmlHelper.GetUnobtrusiveValidationAttributes(name, modelMetadata)); // open checkbox tag wrapper if (textLayout == TextLayout.RightToLeft) { // then set style for displaying checkbox for right-to-left languages var defaultSectionStyle = "style=\"text-align: right;\""; sb.Append(htmlWrapper.wrap_element != htmlElementTag.None ? "<" + htmlWrapper.wrap_element + " " + defaultSectionStyle + ">" : ""); } else { sb.Append(htmlWrapper.wrap_element != htmlElementTag.None ? "<" + htmlWrapper.wrap_element + ">" : ""); } // build hidden tag for disabled checkbox (so the value will post) if (disabledValues != null && disabledValues.ToList().Any(x => x == itemValue)) { // set main checkbox to be disabled checkbox_builder.MergeAttribute("disabled", "disabled"); // create a hidden input with checkbox value // so it can be posted if checked if (selectedValues.Any(x => x == itemValue)) { var hidden_input_builder = new TagBuilder("input"); hidden_input_builder.MergeAttribute("type", "hidden"); hidden_input_builder.MergeAttribute("value", itemValue); hidden_input_builder.MergeAttribute("name", name); sb.Append(hidden_input_builder.ToString(TagRenderMode.SelfClosing)); } } // create checkbox and tag combination if (textLayout == TextLayout.RightToLeft) { // then display checkbox for right-to-left languages sb.Append(linked_label_builder.ToString(TagRenderMode.Normal)); sb.Append(checkbox_builder.ToString(TagRenderMode.SelfClosing)); } else { sb.Append(checkbox_builder.ToString(TagRenderMode.SelfClosing)); sb.Append(linked_label_builder.ToString(TagRenderMode.Normal)); } // close checkbox tag wrapper sb.Append(htmlWrapper.wrap_element != htmlElementTag.None ? "</" + htmlWrapper.wrap_element + ">" : ""); // add element ending sb.Append(htmlWrapper.append_to_element); // add table column break, if applicable htmlwrap_rowbreak_counter += 1; if (htmlwrap_rowbreak_counter == htmlWrapper.separator_max_counter) { sb.Append(htmlWrapper.wrap_rowbreak); htmlwrap_rowbreak_counter = 0; } // return string builder with checkbox html markup return(sb); }
/// <summary> /// Creates an HTML wrapper for the checkbox list /// </summary> /// <param name="wrapInfo">Settings for HTML wrapper of the list (e.g. 'new HtmlListInfo2(HtmlTag2.vertical_columns, 2, new { style="color:green;" })')</param> /// <param name="numberOfItems">Count of all items in the list</param> /// <param name="position">Direction of the list (e.g. 'Position2.Horizontal' or 'Position2.Vertical')</param> /// <param name="textLayout">Sets layout of a checkbox for right-to-left languages</param> /// <returns>HTML wrapper information</returns> private htmlWrapperInfo _createHtmlWrapper (HtmlListInfo wrapInfo, int numberOfItems, Position position, TextLayout textLayout) { var w = new htmlWrapperInfo(); if (wrapInfo != null) { // creating custom layouts switch (wrapInfo.htmlTag) { // creates user selected number of float sections with // vertically sorted checkboxes case HtmlTag.vertical_columns: { if (wrapInfo.Columns <= 0) { wrapInfo.Columns = 1; } // calculate number of rows var rows = Convert.ToInt32(Math.Ceiling(Convert.ToDecimal(numberOfItems) / Convert.ToDecimal(wrapInfo.Columns))); if (numberOfItems <= 4 && (numberOfItems <= wrapInfo.Columns || numberOfItems - wrapInfo.Columns == 1)) { rows = numberOfItems; } w.separator_max_counter = rows; // create wrapped raw html tag var wrapRow = htmlElementTag.div; var wrapHtml_builder = new TagBuilder(wrapRow.ToString()); var user_html_attributes = wrapInfo.htmlAttributes.toDictionary(); // create base columnt style and merge it with user provided style (if applicable) var defaultSectionStyle = "float:left;"; if (textLayout == TextLayout.RightToLeft) { defaultSectionStyle += " text-align: right;"; } object style; user_html_attributes.TryGetValue("style", out style); if (style != null) // if user style is set, use it { wrapHtml_builder.MergeAttribute("style", defaultSectionStyle + " " + style); } else // if not set, add only default style { wrapHtml_builder.MergeAttribute("style", defaultSectionStyle); } // merge it with other user provided attributes (e.g.: class) user_html_attributes.Remove("style"); wrapHtml_builder.MergeAttributes(user_html_attributes); // build wrapped raw html tag w.wrap_open = wrapHtml_builder.ToString(TagRenderMode.StartTag); w.wrap_rowbreak = "</" + wrapRow + "> " + wrapHtml_builder.ToString(TagRenderMode.StartTag); w.wrap_close = wrapHtml_builder.ToString(TagRenderMode.EndTag) + " <div style=\"clear:both;\"></div>"; w.append_to_element = "<br/>"; } break; // creates an html <table> with checkboxes sorted horizontally case HtmlTag.table: { if (wrapInfo.Columns <= 0) { wrapInfo.Columns = 1; } w.separator_max_counter = wrapInfo.Columns; var wrapHtml_builder = new TagBuilder(htmlElementTag.table.ToString()); wrapHtml_builder.MergeAttributes(wrapInfo.htmlAttributes.toDictionary()); wrapHtml_builder.MergeAttribute("cellspacing", "0"); // for IE7 compatibility var wrapRow = htmlElementTag.tr; w.wrap_element = htmlElementTag.td; w.wrap_open = wrapHtml_builder.ToString(TagRenderMode.StartTag) + "<" + wrapRow + ">"; w.wrap_rowbreak = "</" + wrapRow + "><" + wrapRow + ">"; w.wrap_close = "</" + wrapRow + ">" + wrapHtml_builder.ToString(TagRenderMode.EndTag); } break; } } // default setting creates vertical or horizontal column of checkboxes else { if (position == Position.Horizontal || position == Position.Horizontal_RightToLeft) { w.append_to_element = " "; } if (position == Position.Vertical || position == Position.Vertical_RightToLeft) { w.append_to_element = "<br/>"; } if (textLayout == TextLayout.RightToLeft) { // lean text to right for right-to-left languages var defaultSectionStyle = "style=\"text-align: right;\""; var wrapRow = htmlElementTag.div; w.wrap_open = "<" + wrapRow + " " + defaultSectionStyle + ">"; w.wrap_rowbreak = string.Empty; w.wrap_close = "</" + wrapRow + ">"; } } // return completed check box list wrapper return(w); }