【问题标题】:Telerik Radgrid dynamically added controls disappear after postbackTelerik Radgrid 动态添加的控件在回发后消失
【发布时间】:2013-07-12 11:41:42
【问题描述】:

我觉得这是一个菜鸟问题,但我一定错过了什么。

我有一个 Telerik Radgrid。在其中一列中,我在ItemDataBound 事件期间添加了一些控件。这些控件用作排序复选框,因此当人们单击它们时,我使用 Javascript 更改了一些属性。
在保存所有内容时,用户单击一个按钮,这会导致回发。
现在,在回发之后,我动态创建的控件消失了。
如何检索它们的值以保存它们?

干杯, CJ

编辑:

在 ItemCreated 事件中我有这个:

If (TypeOf (e.Item) Is GridDataItem) Then
Dim dataItem As GridDataItem = CType(e.Item, GridDataItem)
Dim diCell As TableCell = dataItem("Periode")

Dim tbl As Table = CType(diCell.FindControl("tblPeriode"), Table)

Dim cell As TableCell
Dim sdsPerioden As New SqlDataSource()
sdsPerioden.ConnectionString = cs
sdsPerioden.SelectCommandType = SqlDataSourceCommandType.StoredProcedure
sdsPerioden.SelectCommand = "OPLEIDING_PERIODE_JAAR_SELECT_BY_OPLEIDING_ID"
sdsPerioden.SelectParameters.Add(New Parameter("INT_OPLEIDING_ID", DbType.Int32, Session("OPLEIDING_ID")))
Dim dv As DataView = CType(sdsPerioden.Select(DataSourceSelectArguments.Empty), DataView)

Dim iJaar As Integer = 0
sJaren = New List(Of String)

For Each row As DataRow In dv.Table.Rows
    cell = New TableCell()
    cell.BorderStyle = BorderStyle.None
    cell.Style("margin-right") = "5px"
    cell.Style("padding") = "0px"
    cell.Width = Unit.Pixel((row("PERIODEN_PER_JAAR") * (15 + 2)) + ((row("PERIODEN_PER_JAAR") / 2) * 3) + 1)
    For i As Integer = 1 To row("PERIODEN_PER_JAAR")
        Dim div As HtmlGenericControl = New HtmlGenericControl("div")
        dv.ID = "div" + iJaar.ToString().PadLeft(2, "0") + iPeriode.ToString().PadLeft(2, "0")
        dv.Style.Add("height", "15px")
        dv.Style.Add("width", "15px")
        dv.Style.Add("display", "inline-block")
        dv.Style.Add("border-style", "solid")
        dv.Style.Add("border-width", "1px")
        dv.Style.Add("border-color", sKleur)
        dv.Style.Add("background-color", "#FFFFFF")
        dv.Attributes("IS_CHECKED") = "0"
        dv.Attributes("class") = "periodeCheck"
        cell.Controls.Add(div)
    Next
    tbl.Rows(0).Cells.Add(cell)
Next
End If

响应点击 div 的 Javascript:

$(".periodeCheck").click(function () {               
    if ($(this).attr('IS_CHECKED') == "0")
    {
        var color = $(this).css('border-left-color');
        $(this).attr('IS_CHECKED', '1');            
        $(this).css('border-style', 'none');
        $(this).css('background-color', color);                     
    }
    else
    {
        var color = $(this).css('background-color');
        $(this).attr('IS_CHECKED', '0');
        $(this).css('border-style', 'solid');
        $(this).css('border-width', '1px');
        $(this).css('border-color', color);
        $(this).css('background-color', "#FFFFFF");

    }
    return false;
});

现在,当我单击保存按钮时,我注意到 ItemCreated 事件首先触发,然后是 Button_Click 事件。
在 Button_Click 事件中我有这个:

For i = 0 To rgOpleidingLeeritem.MasterTableView.Items.Count - 1
    Dim tbl As Table = CType(rgOpleidingLeeritem.MasterTableView.Items(i).FindControl("tblPeriode"), Table)
    Dim div As HtmlGenericControl
    For Each cell As TableCell In tbl.Rows(0).Cells
        For Each ctl As Control In cell.Controls
            div = CType(ctl, HtmlGenericControl)
            If (div.Attributes("IS_CHECKED") = "1") Then
                'Do something
            End If          
        Next
    Next
Next

无论我“检查”多少个 div,都永远无法达到“做某事”部分
根据元素检查器的说法,div 在被点击后确实将属性“IS_CHECKED”设置为“1”。

【问题讨论】:

    标签: asp.net vb.net telerik telerik-grid


    【解决方案1】:

    ItemCreated 事件中创建和添加动态控件,而不是 ItemDataBound。不要忘记设置控件的 ID。

    要访问这些控件,只需使用常规的griddataitem.FindControl(id) 方法。

    【讨论】:

    • 感谢您的回复。不幸的是,在 ItemCreated 上,我似乎无法访问该行的数据。 (显然这在 ItemDataBound 中可用)而且我需要一些这些数据(如 ID)来创建控件
    • 您仍然可以在 itemdatabound 期间设置控件值等。或许您应该详细说明您在 itemdatabound 事件期间到底要做什么。
    • 更改我的代码后,我现在在 ItemCreated 上创建控件。不幸的是,当单击 Save 按钮时,ItemCreated 在 button_click 事件之前被触发,所以我的控件在保存之前已经被重新创建(并丢失了它们的值)。我可以从视图状态中取回旧值吗?
    • 您应该能够在回发时读取控件值。如果不知道 itemdatabound、itemcreate、button_click 以及用于更改客户端控件属性的 javascript 中的内容,我无法为您提供帮助。
    • 抱歉回复晚了。没有收到有关您的更新的通知。不知道您是否解决了这个问题,但是在查看您的更新后,我可以看到您正在添加 div 元素。我上面的回答是关于添加输入控件的。您可以做的是在页面提交或保存按钮回发之前,使用 JS 构造一个字符串,其中包含要在服务器端使用的所有选定的 div 必要值,将构造的字符串保存到隐藏的输入控件中,以便在服务器端,你可以读取隐藏控件的值来获取所有选中的div。
    猜你喜欢
    • 2017-04-14
    • 1970-01-01
    • 2013-03-11
    • 1970-01-01
    • 2019-06-22
    • 2018-09-28
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多