Error using Telerik RadTreeList

0

I'm trying to use RadTreeList in a WebForms application with MasterPage unsuccessful because error occurs in html tags:

Linha 59:     <qsf:ConfiguratorPanel runat="server" ID="ConfiguratorPanel1" 

I have tried to change from: <qsf:ConfiguratorPanel to <asp:ConfiguratorPanel but ConfiguratorPanel is not an AspNet control.

In the code I already referenced the using Telerik.Web.UI;

This is the Default.aspx page

<%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebTreelist._Default" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
    <%@ Register TagPrefix="qsf" Namespace="Telerik.QuickStart" %>
</asp:Content>

<asp:Content ID="BodyContent" ContentPlaceHolderID="MainContent" runat="server">
    <div class="col-md-12">
        <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
        <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" />
        <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" DefaultLoadingPanelID="RadAjaxLoadingPanel1">
            <ajaxsettings>
          <telerik:AjaxSetting AjaxControlID="RadTreeList1">
            <UpdatedControls>
              <telerik:AjaxUpdatedControl ControlID="RadTreeList1"></telerik:AjaxUpdatedControl>
            </UpdatedControls>
          </telerik:AjaxSetting>
          <telerik:AjaxSetting AjaxControlID="ConfiguratorPanel1">
            <UpdatedControls>
              <telerik:AjaxUpdatedControl ControlID="RadTreeList1"></telerik:AjaxUpdatedControl>
              <telerik:AjaxUpdatedControl ControlID="ConfiguratorPanel1"></telerik:AjaxUpdatedControl>
            </UpdatedControls>
          </telerik:AjaxSetting>
        </ajaxsettings>
        </telerik:RadAjaxManager>
        <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server">
        </telerik:RadAjaxLoadingPanel>
        <telerik:RadTreeList RenderMode="Lightweight" ID="RadTreeList1" runat="server" OnNeedDataSource="RadTreeList1_NeedDataSource" ParentDataKeyNames="ParentID" DataKeyNames="ID" AllowPaging="true" AutoGenerateColumns="false" AllowSorting="true" ExpandCollapseMode="Client">
            <clientsettings>
          <Selecting AllowItemSelection="true" />
        </clientsettings>
            <columns>
          <telerik:TreeListBoundColumn DataField="ID" UniqueName="ID" HeaderText="Category ID">
          </telerik:TreeListBoundColumn>
          <telerik:TreeListTemplateColumn DataField="ProductName" UniqueName="ProductName" HeaderText="Product">
            <ItemTemplate>
              <%# Eval("ProductName")%>
                <%# Eval("Quantity").ToString() != "" ? "&nbsp;(" + Eval("Quantity").ToString() + ")" : ""%>
            </ItemTemplate>
          </telerik:TreeListTemplateColumn>
          <telerik:TreeListBoundColumn DataField="Price" UniqueName="Price" DataFormatString="{0:C2}" HeaderText="Price" DataType="System.Decimal">
          </telerik:TreeListBoundColumn>
          <telerik:TreeListCheckBoxColumn DataField="InStock" UniqueName="InStock" HeaderText="In stock">
          </telerik:TreeListCheckBoxColumn>
          <telerik:TreeListBoundColumn DataField="ParentID" UniqueName="ParentID" HeaderText="Parent Category ID">
          </telerik:TreeListBoundColumn>
        </columns>
        </telerik:RadTreeList>
        <qsf:ConfiguratorPanel runat="server" ID="ConfiguratorPanel1" Title="Demo Configurator">
            <views>
          <qsf:View>
            <qsf:ConfiguratorColumn ID="ConfiguratorColumn1" runat="server" Size="Narrow">
              <fieldset>
                <legend>Visual Options</legend>
              </fieldset>
              <span class="checkbox">
                            <asp:CheckBox ID="CheckBox1" runat="server" Text="Show outer borders" Checked="true"
                                AutoPostBack="true" OnCheckedChanged="CheckBox1_CheckedChanged"></asp:CheckBox>
                        </span>
              <br />
              <span class="checkbox">
                            <asp:CheckBox ID="CheckBox2" runat="server" Text="Show tree lines" Checked="true"
                                AutoPostBack="true" OnCheckedChanged="CheckBox2_CheckedChanged"></asp:CheckBox></span><br />
              <br />
              <label for="DropDownList1">
                            Change treelist lines:</label>
              <qsf:ComboBox runat="server" Size="Medium" OnSelectedIndexChanged="ComboBox1_SelectedIndexChanged" ID="ComboBox1" AutoPostBack="true">
                <Items>
                  <telerik:RadComboBoxItem Selected="True" Text="Both" Value="Both" />
                  <telerik:RadComboBoxItem Text="Horizontal" Value="Horizontal"></telerik:RadComboBoxItem>
                  <telerik:RadComboBoxItem Text="None" Value="None"></telerik:RadComboBoxItem>
                  <telerik:RadComboBoxItem Text="Vertical" Value="Vertical"></telerik:RadComboBoxItem>
                </Items>
              </qsf:ComboBox>
            </qsf:ConfiguratorColumn>
            <qsf:ConfiguratorColumn ID="ConfiguratorColumn2" runat="server" Size="Narrow">
              <fieldset>
                <legend>TreeList Options</legend>
              </fieldset>
              <span class="checkbox">
                            <asp:CheckBox ID="CheckBox3" runat="server" Text="Enable paging" Checked="true" AutoPostBack="true"
                                OnCheckedChanged="CheckBox3_CheckedChanged"></asp:CheckBox></span><br />
              <span class="checkbox">
                            <asp:CheckBox ID="CheckBox4" runat="server" Text="Enable sorting" Checked="true"
                                AutoPostBack="true" OnCheckedChanged="CheckBox4_CheckedChanged"></asp:CheckBox></span>
              <br />
              <br />
              <label for="RadComboBox1">
                            Expand Collapse Mode:</label>
              <qsf:ComboBox ID="ComboBox2" runat="server" AutoPostBack="true" Size="Medium" OnSelectedIndexChanged="ComboBox2_SelectedIndexChanged">
                <Items>
                  <telerik:RadComboBoxItem Text="Client" Value="Client" Selected="True"></telerik:RadComboBoxItem>
                  <telerik:RadComboBoxItem Text="Server" Value="Server"></telerik:RadComboBoxItem>
                  <telerik:RadComboBoxItem Text="Combined" Value="Combined"></telerik:RadComboBoxItem>
                </Items>
              </qsf:ComboBox>
            </qsf:ConfiguratorColumn>
            <qsf:ConfiguratorColumn ID="ConfiguratorColumn3" runat="server" Size="Wide">
              <fieldset>
                <legend>Selection Options</legend>
              </fieldset>
              <span class="checkbox">
                            <asp:CheckBox ID="CheckBox5" runat="server" Text="Enable client-side items selection"
                                Checked="true" AutoPostBack="true" OnCheckedChanged="CheckBox5_CheckedChanged"></asp:CheckBox></span><br />
              <span class="checkbox">
                            <asp:CheckBox ID="CheckBox6" runat="server" Text="Allow multi-item selection" Checked="false"
                                AutoPostBack="true" OnCheckedChanged="CheckBox6_CheckedChanged"></asp:CheckBox></span>
            </qsf:ConfiguratorColumn>
          </qsf:View>
        </views>
        </qsf:ConfiguratorPanel>
    </div>
</asp:Content>

This is the master page

<%@  Master Language="C#" AutoEventWireup="true" CodeBehind="Site.master.cs" Inherits="WebTreelist.SiteMaster" %>

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>

<!DOCTYPE html>

<html lang="pt-br">

<head runat="server">

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <title></title>

    <!-- Bootstrap core CSS -->
    <link rel="Stylesheet" type="text/css" href="styles.css" />
    <!-- Bootstrap core CSS -->
    <link href="styles/bootstrap.min.css" rel="stylesheet">
    <!-- Custom styles for this template -->
    <link href="styles/offcanvas.css" rel="stylesheet">
    <link href="styles/main.css" rel="stylesheet">


    <asp:ContentPlaceHolder ID="head" runat="server" />

</head>
<body>

    <div class="container body-content">
        <div class="container-fluid">

            <form id="form1" runat="server">

                <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
                <asp:ContentPlaceHolder ID="MainContent" runat="server" />
            </form>
        </div>
    </div>

    <script src="scripts/js/jquery-slim.min.js"></script>
    <script src="scripts/js/popper.min.js"></script>
    <script src="scripts/js/bootstrap.min.js"></script>
    <script src="scripts/js/offcanvas.js"></script>
    <script src="scripts/js/colapsemenu.js"></script>
    <script src="scripts/js/main.js"></script>

</body>
</html>

Can anyone tell me what it takes for AspNet to recognize these Telerik html elements?

    
asked by anonymous 24.10.2018 / 17:12

1 answer

1

Remove the register from Telerik.QuickStart , as well as all components of this prefix. According to Telerik themselves they are only used for the configuration and display on the live demos pages of them.

Font

    
24.10.2018 / 20:54