c# - 将数据传递给服务器控件中的子控件的正确模式

Question

我正在使用第 3 方系统在网站中实现某些表单。

第 3 方系统为我提供了这些表单的 XML 定义。例如

<form>
    <segment>
        <label>The header</label>
        <fields>
            ...
            <field>
                <id>field_Dob</id>
                <type>Date</type>
                <label>Date of Birth</label>
                <required>1</required>
            </field>
            ...
        </fields>
    </segment>
    ...
</form>

我在服务器控件中解析这个 XML 并以编程方式生成控件树。控件的标签在 XML 中传递。

将小帮助文本“注入”到此表单中是我们建议的一部分。

理想情况下，我想从顶级控件的标记中传递这些帮助文本，以便非开发人员（HTML 僧侣）可以更改帮助文本，并通过其 ID 将它们与字段相关联。像这样的东西

<controls:MyCrazyForm runat="server">
    <helpTexts>
        <helpText for="field_Dob">
Some rambling nonsense to do with the DOB field
        </helpText>
        ...
    </helpTexts>
</controls:MyCrazyForm>

控件被递归解析。

The Form creates a fieldset for each segment, fieldsets create many FieldXXX (where XXX = date, text, combobox etc) depending on the data type.

The FieldXXX types create a div and then several standard .net controls (TextBox, DropDownList, etc) to actually render themselves. It is at this point, within the containing div that I need to output the help text.

My Question

What is the "best" way to get these texts from the top-level form control to these child controls which are 3 or 4 levels deeper in the control tree.

There will only ever be one of these forms on a page. Should I make the top level form as Singleton and get it like so...?

if(MyCrazyForm.Instance.HelpTexts.ContainsKey("theIdOfTheCurrentField"))
{
    this.HelpText = MyCrazyForm.Instance.HelpTexts["theIdOfTheCurrentField"];
}

Should I pass a reference to the form into every control all the way down the tree (this seems messy)?

Am I miles of target with my architecture of this (although it's working realyl nicely at the moment) form and should I look at a different method of implementation?

Thanks

score 1 · Accepted Answer

As well as looking at different ways of passing information between controls, as the other answers here have put forward, I think that a different approach may be of value, depending on the specifics of your case. An analogous problem to the one you describe - associating some specific text with some controls on a form - has been solved for the more general case of internationalization, with Resources. I know this is different from the other answers and not directly what you asked in your question, but Resources seem to meet the needs quite well, as described below. Rather than answer your specific question about information flow between controls, I'm trying to consider the end result you're trying to achieve. Go easy on me if I've misunderstood anything :-)

Each form and field within a form have a unique identity. Hence, a resource ID can be constructed uniquely from the form and field.
A resource source file is just XML, completely separate from the specifics of the UI and can be given over to non-developers to fill up with the relevant help text. If you change the UI, this file need not change at all.
At render time, you can just get the resource for a field in a form using its resource ID and incorporate the text in the UI any how you want.
As the same approach is used for I18N/L10N, it is well documented, well understood, declarative, simple and performant.

score 1 · Accepted Answer

It may be more complicated at first, but makes it easier to maintain, why not run the xml file through an xsl procesor? The xslt file would assign the helptext nodes of your helptexts file to the corresponding field nodes.

 <?xml version="1.0" encoding="ISO-8859-1"?>
<form>
    <segment>
        <label>The header</label>
        <fields>
            <field>
                <id>field_name</id>
                <type>string</type>
                <label>Name</label>
                <required>1</required>
            </field>
            <field>
                <id>field_Dob</id>
                <type>Date</type>
                <label>Date of Birth</label>
                <required>1</required>
            </field>
        </fields>
    </segment>
</form>

XSLT file:

<?xml version="1.0" encoding="ISO-8859-1"?>
<!-- Edited by XMLSpy® -->
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:output method="xml" indent="yes" omit-xml-declaration="yes"/>

  <xsl:template match="/form/segment/fields/field[id='field_name']">
    <xsl:copy>
      <xsl:element name="helptext">This is a Name helptext.</xsl:element> 
      <xsl:apply-templates/>
    </xsl:copy>
  </xsl:template>

  <xsl:template match="/form/segment/fields/field[id='field_Dob']">
    <xsl:copy>
      <xsl:element name="helptext">This is a Date of birth helptext.</xsl:element> 
      <xsl:apply-templates/>
    </xsl:copy>
  </xsl:template>

    <xsl:template match="node() | text()">
        <xsl:copy>
            <xsl:copy-of select="@*"/>
            <xsl:apply-templates/>
        </xsl:copy>
    </xsl:template>

</xsl:stylesheet>

yields this:

<form>
    <segment>
        <label>The header</label>
        <fields>
            <field>
<helptext>This is a Name helptext.</helptext>
                <id>field_name</id>
                <type>string</type>
                <label>Name</label>
                <required>1</required>
            </field>
            <field>
<helptext>This is a Date of birth helptext.</helptext>
                <id>field_Dob</id>
                <type>Date</type>
                <label>Date of Birth</label>
                <required>1</required>
            </field>
        </fields>
    </segment>
</form>

This xml file can now be parsed like before, but now you can get the help text at the same time as you are generating the form elements. Your HTML monkies then only need to edit the XSLT file, or you simply include another file :

  <xsl:template match="/form/segment/fields/field[id='field_Dob']">
    <xsl:copy>
      <xsl:element name="helptext">
        <xsl:copy-of select="document('field_Dob.txt')"/> 
      </xsl:element> 
      <xsl:apply-templates/>
    </xsl:copy>
  </xsl:template>

You can try out XSL online here

score 0 · Accepted Answer

What about traversing upwards the parents of the control until you find a control of the certain type, or with a specific member variable called "HelpTexts"?

This is a dynamic programming approach, but for certain infrastructural elements of design, as long as such approaches are limited, as well as being well-commented as to why that design approach was taken, I'd find it acceptable.

This would be to use the reflection APIs, and a generalised static helper function, such as

GetHelpTextFromParent(Control controlParent, string id)

This would then inspect the controlParent to see if it had the member variable HelpTexts within it, and then look up by id the helptext. If not, it would recursively call GetHelpTextFromParent with the parent of controlParent, until a suitable terminating condition. (I mention "suitable terminating condition" because it is probably suboptimal to keep this up until you get to the desktop window, you may want to terminate the recursion prior to then, but this would be a testing/debugging issue.)

score 0 · Accepted Answer

If you're parsing this XML in a Server Control and programatically generating a tree of controls how do you make sure the HTML guys keep those IDs in sync? If they have access to those XMLs maybe you should let them add helpTexts right there and not on the aspx.

But to answer your question, I suppose you're parsing the xml after the aspx markup was read and built so you could index those texts right before parsing the XML. Then when you actually build your dynamic control tree you look up your index by the control's id defined in you source xml and hook it up at this point.

EDIT: Okay, depending on how you build those child controls, I'd expose all of those inline helptexts of the form internally as a property indexed by the control id which would give you the help text or an empty string. I'm not sure I get the MyCrazyForm.Instance though.

score 0 · Accepted Answer

I suggest to create an interface like this

interface IHelpTextProvider
{
    Dictionary<string, string> HelpTexts
    {
        get;
    }
}

Then your form control can implement this interface and pass a reference to this interface when creating fieldsets and FieldXXX controls.

Alternatively, you can do as polyglot suggested and when help text is needed, FieldXXX control go recursively through its parents until a parent implementing IHelpTextProvider interface is found.

score 0 · Accepted Answer

You could create an event in the server control that it would be raised whenever it wants/needs a help text for a given field. The form can hook up an event handler and respond to it. That way you don't need to pass around some object to give the server control access to the information. For this we need to do three things.

Create an EventArgs class:

class HelpTextEventArgs : EventArgs
{
    public string Text { get; set; }
    public string FieldId { get; private set; }
    public HelpTextEventArgs(string fieldId)
    {
        FieldId = fieldId;
    }
}

Create the event in the server control:

public event EventHandler<HelpTextEventArgs> HelpTextRequested;

protected void OnHelpTextRequested(HelpTextEventArgs e)
{
    EventHandler<HelpTextEventArgs> evt = this.HelpTextRequested;
    if (evt != null)
    {
        evt(this, e);
    }
}
// wrapper for the event raising method for easier access in the code
public string GetHelpText(string fieldId)
{
    HelpTextEventArgs e = new HelpTextEventArgs(fieldId);
    OnHelpTextRequested(e);
    return e.Text;
}

...and set up an event handler in the form that can access the help texts:

private void Page_Load(object sender, EventArgs e)
{
    ServerControl.HelpTextRequested += ServerControl_HelpTextRequested;
}

private void ServerControl_HelpTextRequested(object sender, HelpTextEventArgs e)
{
    e.Text = FindHelpText(e.FieldId);
}

Using this approach the code will work fine even if the hosting form does not provide the help text service; the server control is not depending on the fact that there is an event handler attached.

score 0 · Accepted Answer

As Ozam suggested, you could use XSL.

A separate XML file with the similar structure as that of the 3rd party xml file which contains helpText per XML node would be good & you might need to merge(?) them in some way.

I dont know if this help in any way, at all.

c# - 将数据传递给服务器控件中的子控件的正确模式

7 回答 7

Related

Reference