SharePoint TextField ClientID 更改？

Question

我正在尝试在页面布局上使用一些 javascript，但遇到了一个奇怪的问题，即 Sharepoint.WebControls.TextField 的 ClientID 似乎在 OnLoad 和显示的页面之间发生变化。

在 OnLoad 事件中，TextField3.ClientID 解析为“ctl00_PlaceHolderMain_TextField3”，但如果查看为什么我的 js 不起作用，页面源显示控件 id 为“ctl00_PlaceHolderMain_TextField3_ctl00_TextField”。

有什么想法吗？

这是我正在使用的代码：

public class PostingTemplate : Microsoft.SharePoint.Publishing.PublishingLayoutPage
{
    protected DropDownList author;
    protected TextField TextField3;
    private List<string> _authorNames;

    public List<string> AuthorName
    {
        get { return _authorNames; }
        set { _authorNames = value; }
    }

    protected override void OnLoad(EventArgs e)
    {
        base.OnLoad(e);
        author.AutoPostBack = false;
        this.Page.ClientScript.RegisterClientScriptBlock(this.GetType(),
        "fillInAuthorText", getQuery(), true);
        author.Attributes.Add("onChange", "fillInAuthorText()");
        if (!Page.IsPostBack)
        {
            _authorNames = new List<string>();
            _authorNames = Utilities.GetAuthorList(SPContext.Current.Site);
            author.DataSource = _authorNames;
            author.DataBind();
        }
    }

    protected override void OnPreRender(EventArgs e)
    {
        base.OnPreRender(e);
        if (author.Items.Count > 0)
        {
            author.SelectedIndex = 0;
            TextField3.Text = ((ListItem)author.Items[author.SelectedIndex]).Text;
        }
    }

    private string getQuery()
    {
        string query = @" function fillInAuthorText() {
        var IndexValue = document.getElementById('";
        query += author.ClientID;
        query += @"').selectedIndex;
        var SelectedVal = document.getElementById('";
        query += author.ClientID;
        query += @"').options[IndexValue].value;
        document.getElementById('";
        query += TextField3.ClientID;
        query += @"').value = SelectedVal;
        }";
        return query;
    }
}

Answer 1

您还需要包含父控件的客户端 ID。

// Replace:
query += author.ClientID;
// With:
query += base.ClientID + "_" + author.ClientID;

（请注意，我只使用 Web 部件完成此操作，因此您可能需要进行一些调整才能使其在页面布局中工作。）

另一个选择是解决此客户端问题。请参阅 Eric Shupp 的博客 了解大部分信息。

Answer 2

在 Alex Angas 的帮助下，我发现了以下内容：
TexField 渲染出一些最终围绕文本框的文字，这确实是您感兴趣的文本框。这是修改后的代码部分：

 private string getQuery()
    {
        string query = @" function fillInAuthorText() {
        var IndexValue = document.getElementById('";
        query += author.ClientID;
        query += @"').selectedIndex;
        var SelectedVal = document.getElementById('";
        query += author.ClientID;
        query += @"').options[IndexValue].value;
        document.getElementById('";
        query += getTextFieldID(TextField3);
        query += @"').value = SelectedVal;
        }";
        return query;
    }

    private string getTextFieldID(Control txt)
    {
        foreach (Control c in txt.Controls)
        {
            if (c.HasControls())
            {
                foreach (Control con in c.Controls)
                    if (con is TextBox)
                        return con.ClientID;
            }
        }

        return "";
    }

请记住，这是特定于我的应用程序的，您的情况可能有所不同。