In RadGrid, how can we combine 2 datacolumns just for viewing, but still be able to edit them separately?

I have a Telerik RadGrid that has 2 columns:

<Columns>
 <telerik:GridBoundColumn HeaderText="AirlineCode" UniqueName="AirlineCode" DataField="airlineCode" />
 <telerik:GridBoundColumn HeaderText="FlightNumber " EditFormColumnIndex="1" DataField="flightNumber" />
 ... 
 ... 
 ... more code, but unrelevant to the question here.
</Columns>

I provide data for both columns in the corresponding NeedDataSource () function.

Thus, it correctly looks as follows:

 | AirlineCode      |      FlightNumber   | 
 ------------------------------------------
 | Delta            |      2393           | 
 | Southwest        |      345            | 

But now my requirement has changed a bit.

For viewing, I want to combine them and show them as follows:

 |     Flight             |
 --------------------------
 |     Delta-2393         | 
 |     Southwest-345      | 

However, when editing lines, the user should be able to edit separately "AirlineCode" and "Flight Number". And the values ​​must be correctly stored in the data source.

I know that if we want the user "View" and "Edit" differently, we would have to use.

So, I am trying something like this:

<Columns>
 <telerik:GridTemplateColumn EditFormColumnIndex="0" HeaderText="Flight">
   <ItemTemplate>
  <%#DataBinder.Eval(Container.DataItem, "airlineCode")%>
  <asp:Literal runat="server" Text="-"></asp:Literal>
  <%#DataBinder.Eval(Container.DataItem, "flightNumber")%>
   </ItemTemplate>
   <EditItemTemplate>
  <telerik:GridBoundColumn HeaderText="AirlineCode" UniqueName="AirlineCode" DataField="airlineCode" />
  <telerik:GridBoundColumn HeaderText="FlightNumber " EditFormColumnIndex="1" DataField="flightNumber" />
   </EditItemTemplate>
 </telerik:GridTemplateColumn> ... 
 ... 
 ... more code, but unrelevant to the question here.
</Columns>

But it does not work.

:

"GridBoundColumn" . , - web.config.

, . .

.

+3
2

, radgrid, , GridBoundColumns , . Databinder, txt-. , , iPhone . , .

!

0

drpcken . GridTemplateColumn, GridBoundColumn. HTML- " " Bind "". :

<telerik:GridTemplateColumn UniqueName="TemplateColumn">                          
         <ItemTemplate>
              <%# Eval("airlinCode") %> - <%# Eval("flightNumber") %>
          </ItemTemplate>
          <EditItemTemplate>
              <table>
                 <tr>
                   <td style="width: 50%">
                     <asp:TextBox runat="server" Text='<%# Bind("airlineCode") %>' />
                   </td>
                   <td style="width: 50%">
                      <asp:TextBox runat="server" Text='<%# Bind("flightNumber") %>' />
                   </td>
                  </tr>
               </table>
          </EditItemTemplate>
</telerik:GridTemplateColumn>

, Eval ItemTemplate Bind EditItemTemplate. .

Telerik. Telerik : www.telerik.com/forums

+2

Source: https://habr.com/ru/post/1755204/


All Articles