Asp.net Radgrid自定义查询 [英] Asp.net Radgrid Customization Query

问题描述

我目前有以下代码用于显示搜索页面上的结果。它使用Radgrid控件显示结果。

<telerik:RadSplitter ID="RadSplitter1" runat="server" 
 Orientation="Horizontal" Width="100%" Height="300px" LiveResize="true" 
 BorderColor="White" ResizeMode="Proportional">
   <telerik:RadPane ID="RadPane1" runat="server"  Width="100%" 
    Height="300px" Locked="true" Visible="true" Scrolling="Y" 
    ClicktoOpen="true">
          <div class="row"> 
          <div class="col-sm-6 col-md-12 col-lg-12">
             <telerik:RadGrid ID="rgSearch" runat="server" 
             AllowPaging="True" PageSize="30" Skin="Bootstrap" 
             AllowSorting="true" 
             GridLines="None" Width="100%" 
             OnItemCommand="rgSearch_ItemCommand"  
             AutoGenerateColumns="false" 
             OnNeedDataSource="rgSearch_NeedData"
             MasterTableView-HorizontalAlign="NotSet" CommandItemStyle-
             BorderStyle="None" CommandItemStyle-BorderWidth="0px">
            <PagerStyle CssClass="griddir" Mode="NextPrevAndNumeric" >
            </PagerStyle>
            <HeaderStyle HorizontalAlign="Center" /><ItemStyle 
             HorizontalAlign="Center" />
            <AlternatingItemStyle HorizontalAlign="Center" /><ExportSettings 
             HideStructureColumns="true"  />

             <MasterTableView  DataKeyNames="upid">
                <Columns>                 
             <telerik:GridBoundColumn DataField="FirstName" 
              HeaderText="Student First Name" ItemStyle-VerticalAlign="Top" 
              AllowSorting="true"></telerik:GridBoundColumn> 
              <telerik:GridBoundColumn DataField="LastName" 
              HeaderText="Student Last Name" ItemStyle-VerticalAlign="Top" 
              AllowSorting="true"></telerik:GridBoundColumn>                        
              <telerik:GridBoundColumn DataField="PrimaryEmail" 
               HeaderText="Email" ItemStyle-VerticalAlign="Top" 
               AllowSorting="false" Display="false">
               </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="ProgramStatusName" 
               HeaderText="Status"  ItemStyle-VerticalAlign="Top"  
               AllowSorting="true"></telerik:GridBoundColumn>
               <telerik:GridButtonColumn ButtonType="LinkButton"  
               Text="details..." CommandName="select"  
                CommandArgument="select"></telerik:GridButtonColumn>
             </Columns>                            
            </MasterTableView>               
           </telerik:RadGrid>             
          </div>
          </div> 
          </telerik:RadPane>

             <telerik:RadSplitBar ID="RadSplitbar1" runat="server"   
            CollapseMode="None" Visible="false"></telerik:RadSplitBar>

         <telerik:RadPane ID="Radpane2" runat="server" Width="101%" 
         Height="500px" Visible="false"   ShowContentDuringLoad="true" 
          Scrolling="Y">
               <div class="row"> 
            <div class="col-sm-6 col-md-12 col-lg-12">
            <div style="margin: 5px">
          <h3>Selection Details</h3>
          <asp:FormView ID="frmVP" runat="server" DataKeyNames="upid" 
           BorderStyle="None">
            <ItemTemplate> </ItemTemplate>
              </asp:FormView>
             </div></div> </div>             
              </telerik:RadPane>                  
           </telerik:RadSplitter>

这以表的形式给出输出。但是，我想修改搜索结果显示，使其看起来像这样： 

This gives the output in the form of a table.However, I want to modify the search results display so that it will look something like this: 

我无法自定义radgrid来更改显示。有人可以帮我解决这个问题。谢谢！

I am not able to customize the radgrid to change the display. Can someone help me out with this.Thanks in advance!

推荐答案

请在Telerik论坛上发布有关Telerik组件的问题：

Please post questions about Telerik components in the Telerik forums:

https://www.telerik.com/forums

这篇关于Asp.net Radgrid自定义查询的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！