Как добавить столбец флажка в мой radGrid? И как я могу показать кнопку расширения?

Question

Я учусь Telerik, и я следующий дизайн я пытаюсь сделать переведены на английский язык (мне не нужно вам, чтобы помочь мне перевести, только с проектными компонентами):

до сих пор у меня есть это:

Как я могу добавить check box? Также как мне избавиться от этих 3 пустых columns до columns, которые я создал сам?

Вот мой HTML-код до сих пор:

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" LoadingPanelID="RadAjaxLoadingPanel1" Width="483px"> 
 

 
      <asp:Label ID="TreatmentCenter" Text="Treatment Center:   " runat="server"></asp:Label> 
 
      <telerik:RadDropDownList RenderMode="Lightweight" DefaultMessage="Select City" DataTextField="City" ID="DDL1" runat="server"></telerik:RadDropDownList> 
 
        
 
      <br /> 
 
      
 
      <telerik:RadGrid RenderMode="Lightweight" 
 
       ID="RadGrid1" runat="server" AutoGenerateColumns="False" 
 
       ShowGroupPanel="True" Height="148px" Width="462px"> 
 

 
      <MasterTableView EnableHierarchyExpandAll="true" DataKeyNames="OrderID"> 
 
       <DetailTables> 
 
        
 
        <telerik:GridTableView EnableHierarchyExpandAll="true" DataKeyNames="ProductID" runat="server"> 
 
         
 
         <ParentTableRelation> 
 
          <telerik:GridRelationFields DetailKeyField="OrderID" MasterKeyField="OrderID" /> 
 
         </ParentTableRelation> 
 
         
 
         <Columns> 
 
          <telerik:GridCheckBoxColumn> 
 
           
 
          </telerik:GridCheckBoxColumn> 
 
          <telerik:GridBoundColumn SortExpression="ProductName" HeaderText="Product Name" HeaderButtonType="TextButton" 
 
           DataField="ProductName"> 
 
          </telerik:GridBoundColumn> 
 
          
 
          <telerik:GridBoundColumn SortExpression="ProductID" HeaderText="Product ID" HeaderButtonType="TextButton" 
 
           DataField="ProductID"> 
 
          </telerik:GridBoundColumn> 
 
          
 
          <telerik:GridBoundColumn SortExpression="Quantity" HeaderText="Quantity" HeaderButtonType="TextButton" 
 
           DataField="Quantity"> 
 
          </telerik:GridBoundColumn> 
 
          
 
          <telerik:GridBoundColumn SortExpression="Price" HeaderText="Price" HeaderButtonType="TextButton" 
 
           DataField="Price"> 
 
          </telerik:GridBoundColumn>      
 
          
 
          <telerik:GridBoundColumn SortExpression="Procurer" HeaderText="Procurer" HeaderButtonType="TextButton" 
 
           DataField="Procurer"> 
 
          </telerik:GridBoundColumn> 
 
              
 
         </Columns> 
 
        
 
        </telerik:GridTableView>     
 
       
 
       </DetailTables> 
 
       
 
       <Columns> 
 
         
 
        <telerik:GridBoundColumn SortExpression="OrderID" HeaderText="Order ID" HeaderButtonType="TextButton" 
 
           DataField="OrderID"> 
 
        </telerik:GridBoundColumn> 
 

 
        <telerik:GridBoundColumn SortExpression="DateOfOrder" HeaderText="Date Of Order" HeaderButtonType="TextButton" 
 
           DataField="DateOfOrder"> 
 
        </telerik:GridBoundColumn> 
 

 
        <telerik:GridBoundColumn SortExpression="OrderName" HeaderText="Order Name" HeaderButtonType="TextButton" 
 
           DataField="OrderName"> 
 
        </telerik:GridBoundColumn> 
 

 
        <telerik:GridBoundColumn SortExpression="OrderAddress" HeaderText="Order Address" HeaderButtonType="TextButton" 
 
           DataField="OrderAddress"> 
 
        </telerik:GridBoundColumn> 
 

 
       </Columns> 
 

 
      </MasterTableView> 
 
      
 
      <ClientSettings Scrolling-AllowScroll="true"> 
 
       <Scrolling AllowScroll="true" /> 
 
       <Resizing AllowRowResize ="true" EnableRealTimeResize="true" ResizeGridOnColumnResize="false" /> 
 
      </ClientSettings> 
 

 
      <GroupingSettings ShowUnGroupButton="true" /> 
 

 
     </telerik:RadGrid> 
 

 
     </telerik:RadAjaxPanel>

Answer 1

Фигурные его

<Columns> 
 
    <telerik:GridClientSelectColumn UniqueName="GridClientSelectColumn1" /> 
 
</Columns>

Answer 2

Я не могу читать арабский текст, так что я не уверен, насколько похожи вы нужны вещи, чтобы быть (например, не так нужны они в RTL тоже), но я предлагаю следующее:

• проверить рендеринг и структуру управления вашего образца

• попробуйте добавить элементы управления вам нужно, и изменить их порядок, как и любой простой HTML элементов

Вот некоторые примеры:

просто добавить флажок:

  <telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" LoadingPanelID="RadAjaxLoadingPanel1" Width="93px"> 
      <telerik:RadCheckBox runat="server" ID="rchb1" Text="label text goes here"></telerik:RadCheckBox> 
       <%--<asp:Label ID="TreatmentCenter" Text="Treatment Center" runat="server"></asp:Label>--%> 
       <telerik:RadDropDownList RenderMode="Classic" DefaultMessage="Select City" DataTextField="City" ID="DDL1" runat="server"></telerik:RadDropDownList> 

Примечание: только RadCheckbox поддерживает Lightweight RenderMode, поэтому другие кнопки Telerik также должны использовать свой режим Lightweight, или вы должны пойти с помощью asp: Checkbox и использовать AssociatedControlID для asp: Label.

На столбцах сетки - поскольку AutoGenerateColumns является ложным, эти столбцы, скорее всего, присутствуют только на поверхности времени разработки. Попробуйте запустить страницу в браузере, чтобы узнать, так ли это. Если они все еще присутствуют, просмотрите код в случае, если такие события, как Page_Init, добавят программные столбцы в вашу сетку.

Также обратите внимание, что группировка добавляет элементы (столбцы), чтобы визуально различать группировку.

Что касается кнопок - просто завернуть их в Div элементов, например .:

  <div> 
       <telerik:RadButton ID="Confirm" Text="Confirm" runat="server" /> 
       <telerik:RadButton ID="MainPage" Text="Main Page" runat="server" /> 
      </div> 
      <telerik:RadButton ID="PosterPrintTitle" Text="Poster Print Title" runat="server" /> 
      <telerik:RadButton ID="PrintInvoice" Text="Print Invoice" runat="server" /> 

Answer 3

GridCheckBoxColumn для битовых данных связаны. Если вы хотите использовать флажки для множественного выбора, вы должны использовать GridTemplateColumn

<telerik:GridTemplateColumn UniqueName="CheckBoxColumn"> 
    <ItemTemplate> 
     <asp:CheckBox ID="CheckBox1" runat="server" AutoPostBack="true" /> 
    </ItemTemplate> 
</telerik:GridTemplateColumn> 

Что касается первых двух столбцов, то они не будут отображаться, как только вы запустите его.Они заполнители для DetailTables