获取RadGrid编辑表单中控件的ClientID

Question

我有带有自定义编辑表单的 Telerik RadGrid。在我的编辑表单中，有一个 RadDatePicker，我向其中添加了一个包含“今天”按钮的自定义页脚模板。

在按钮的 OnClick 事件中，我调用一个 Javascript 函数，该函数采用控件 ID 来设置所选日期。

但是，由于该控件位于编辑表单内，因此没有为其创建变量，并且当我尝试获取客户端 ID 时，编译器会抛出错误。

RadDatePicker 声明为：

<telerik:RadDatePicker ID="ControlName" runat="server" SelectedDate='<%# Bind("Field") %>'>
  <Calendar ID="Calendar1" runat="server"> 
    <FooterTemplate> 
      <div style="width: 100%; text-align: center; background-color: Gray;"> 
        <input id="Button1" type="button" value="Today" class="button"
          onclick="GoToToday('<%= ControlName.ClientID %>')" /> 
      </div> 
    </FooterTemplate> 
  </Calendar>
</telerik:RadDatePicker>

我得到的错误是 CS0103：引用 ClientID 的行上的当前上下文中不存在名称“ControlName”。

是否有另一种方法可以将 ID 传递给 Javascript 函数？

Answer 1

我使用 RadAjaxPanel 包装 Telerik RadGrid，然后在绑定事件的服务器端代码中，我使用 Ajax 面板设置一些 Javascript 变量：

RadAjaxPanel1.ResponseScripts.Add(string.Format("window['ControlNameId'] = '{0}';", ControlName.ClientID));

然后，我向 DatePicker 添加了一个客户端事件处理程序：ClientEvents-OnPopupOpening ="AddButtonClickEvent"

然后，该页面包含以下 Javascript，以使用 jQuery 绑定单击事件处理程序：

    function AddButtonClickEvent(sender, eventArgs) {
      var cal = window['ControlNameId'];
      $('#Button1').bind('click', function() {
        GoToToday(cal);
      });
    }

一切都按预期工作。

Answer 2

尝试：

OnClick=<%# "GoToToday('" + ControlName.ClientID + "')" %>

您还可以在 page_load 事件中设置事件处理程序。

Answer 3

也许表单上控件的 ClientEvents-OnLoad 事件会有帮助？它不是很漂亮，但似乎很有效。

首先在页面上制作脚本

<script type="text/javascript">
    var textBoxFromFormClientObject;

    function onTextBoxLoad(sender) {
       textBoxFromFormClientObject = sender;
    }
</script>

然后在aspx中，用于控制您需要在客户端获取的编辑表单，
添加这样的事件

<rad:RadTextBox ID="txSomeTextBoxe" runat="server"
 ClientEvents-OnLoad="onTextBoxLoad"/>

因此，当您按下网格上的编辑或插入按钮时，将显示表单 - 将设置 javascript 中的全局变量。您可以使用它来操作文本框。唯一的问题是，如果您想操作所有控件，则表单上的每个控件都需要这样的事件=(