如何在 Telerik 中以编程方式构建 CommandItemTemplate？

Question

我有一个关于 Telerik 的问题。我有一个 RadGrid，在 MasterTableView 内部有一个 DetailTables 标签（因此我有一个层次结构），在 MasterTableView 标签内也有一个 CommandItemTemplate 标签。当它从标记运行时一切都很好，但我尝试从后面的代码以编程方式构建它。不幸的是我没有成功。一切正常，除了我的 CommandItemTemplate 不存在。

我的做法： 我的 MasterTableView 中有这个 CommandItemTemplate：

        <CommandItemTemplate>
            <div class="cmdItem">
                <asp:LinkButton ID="btnAddShift" runat="server" CommandName="AddShift" OnClientClick="return fireCommand('AddShift', '');">
                    <img alt="" src="../../Images/Icons/AddRecord.png" />Add Shift</asp:LinkButton>&#160;&#160;&#160;
                <asp:LinkButton ID="btnExportCSV" runat="server" CommandName="Export CSV" OnClientClick="return exportGrid('CSV');"><img alt="" src="../../Images/Icons/ExportCSV.png" />Export to CSV</asp:LinkButton>&#160;&#160;&#160;
                <asp:LinkButton ID="btnManageShiftColumns" runat="server" CommandName="ManageShiftColumns" OnClientClick="return fireCommand('ManageShiftColumns', '');">
                    <img alt="" src="../../Images/Icons/Columns.png" />Manage Shift Columns</asp:LinkButton>&#160;&#160;&#160;
                <asp:LinkButton ID="btnManageJobColumns" runat="server" CommandName="ManageJobColumns" OnClientClick="return fireCommand('ManageJobColumns', '');">
                    <img alt="" src="../../Images/Icons/Columns.png" />Manage Job Columns</asp:LinkButton>&#160;&#160;&#160;
                <%--<asp:LinkButton ID="btnDetailedExportCSV" runat="server" CommandName="Export CSV Detailed"
                    OnClientClick="return exportGrid('CSVDetailed');"><img alt="" src="../../Images/Icons/ExportCSV.png" />Detailed Export to CSV</asp:LinkButton>&#160;&#160;&#160;
                <asp:LinkButton ID="btnExportPDF" runat="server" CommandName="Export PDF" OnClientClick="return exportGrid('PDF');"><img alt="" src="../../Images/Icons/ExportPDF.png" />Export to PDF</asp:LinkButton>&#160;&#160;&#160;--%>
            </div>
        </CommandItemTemplate>

我已经摆脱了该标记，并且创建了一个辅助类：

Private Class RadGridHeaderTemplate
    Implements ITemplate


    Public Sub New()
    End Sub

    Public Sub InstantiateIn(ByVal container As System.Web.UI.Control) Implements System.Web.UI.ITemplate.InstantiateIn
        Dim div As HtmlGenericControl = New HtmlGenericControl("div")
        div.Attributes.Add("class", "cmdItem")

        Dim addShiftButton As LinkButton = New LinkButton With {.ID = "btnAddShift", .CommandName = "AddShift", .OnClientClick = "return fireCommand('AddShift', '');"}
        Dim addShiftButtonImage As HtmlGenericControl = New HtmlGenericControl("img")
        addShiftButtonImage.Attributes.Add("alt", "")
        addShiftButtonImage.Attributes.Add("src", "../../Images/Icons/AddRecord.png")
        addShiftButton.Controls.Add(addShiftButtonImage)
        addShiftButton.Text = "Add Shift"

        Dim exportCSVButton As LinkButton = New LinkButton With {.ID = "btnExportCSV", .CommandName = "Export CSV", .OnClientClick = "return exportGrid('CSV');"}
        Dim exportCSVButtonImage As HtmlGenericControl = New HtmlGenericControl("img")
        exportCSVButtonImage.Attributes.Add("alt", "")
        exportCSVButtonImage.Attributes.Add("src", "../../Images/Icons/ExportCSV.png")
        exportCSVButton.Controls.Add(exportCSVButtonImage)
        exportCSVButton.Text = "Export to CSV"

        Dim manageShiftColumnButton As LinkButton = New LinkButton With {.ID = "btnManageShiftColumns", .CommandName = "ManageShiftColumns", .OnClientClick = "return fireCommand('ManageShiftColumns', '');"}
        Dim manageShiftColumnButtonImage As HtmlGenericControl = New HtmlGenericControl("img")
        manageShiftColumnButtonImage.Attributes.Add("alt", "")
        manageShiftColumnButtonImage.Attributes.Add("src", "../../Images/Icons/Columns.png")
        manageShiftColumnButton.Controls.Add(manageShiftColumnButtonImage)
        manageShiftColumnButton.Text = "Manage Shift Columns"

        Dim manageJobColumnButton As LinkButton = New LinkButton With {.ID = "btnManageJobColumns", .CommandName = "ManageJobColumns", .OnClientClick = "return fireCommand('ManageJobColumns', '');"}
        Dim manageJobColumnButtonImage As HtmlGenericControl = New HtmlGenericControl("img")
        manageJobColumnButtonImage.Attributes.Add("alt", "")
        manageJobColumnButtonImage.Attributes.Add("src", "../../Images/Icons/Columns.png")
        manageJobColumnButton.Controls.Add(manageJobColumnButtonImage)
        manageJobColumnButton.Text = "Manage Job Columns"

        div.Controls.Add(addShiftButton)
        div.Controls.Add(exportCSVButton)
        div.Controls.Add(manageShiftColumnButton)
        div.Controls.Add(manageJobColumnButton)

        container.Controls.Add(div)
    End Sub
End Class

我在 CreateGrid 方法中使用这个类，在该方法中以编程方式创建 RadGrid 并将其添加到页面的控件中。我以这种方式使用它：

Protected Sub CreateGrid()
        RadGrid1 = New RadGrid With {.ID = "RadGrid1", .AutoGenerateColumns = True, .AllowCustomPaging = True, .AllowMultiRowSelection = True}
'...
        Dim template As RadGridHeaderTemplate = New RadGridHeaderTemplate()
        template.InstantiateIn(RadGrid1.MasterTableView)
'...
End Sub

不幸的是，这种方法不起作用。我没有任何错误，但我的 CommandItemTemplate 不存在，我的 LinkBut​​ton 没有出现在 UI 上，它们不是生成的标记的一部分。

任何帮助表示赞赏。

最好的问候，

拉约斯·阿帕德。

Answer 1

在我的源代码中，缺少以下部分：

RadGrid1.MasterTableView.CommandItemDisplay = GridCommandItemDisplay.Top

由于 RadGrid1.MasterTableView.CommandItemDisplay 已初始化，我可以看到我的项目命令模板，并且可以使用我的项目命令模板提供的功能。