Asp.net Radgrid自定义查询

问题描述

我目前有以下代码用于显示搜索页面上的结果。它使用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!

推荐答案

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