在RadGrid中，我们如何合并2个数据列仅用于查看，但仍然能够单独编辑它们？

Question

我有一个 Telerik 的 RadGrid，它有 2 列，如下所示：

<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>

我正在相关 NeedDataSource() 函数中提供两列的数据。

所以它正确地呈现如下：

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

但现在我的要求发生了一些变化。

为了查看，我想将它们合并在一起并像这样显示：

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

但是，在编辑行时，用户应该能够单独编辑“航空公司代码”和“航班号”。并且这些值仍应正确维护在数据源中。

我知道如果我们希望用户以不同的方式“查看”和“编辑”，我们就必须使用 .

所以我正在尝试这样的事情：

<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>

但它不起作用。

里面的这两行给出警告：

元素“GridBoundColumn”不是已知元素。如果网站中存在编译错误或 web.config 文件丢失，则可能会发生这种情况。

也许我做错了。需要帮助。

任何帮助表示赞赏。

Answer 1

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>

如您所见，您在 ItemTemplate 中使用 Eval ，在 EditItemTemplate 中使用 Bind 。所有其他代码应继续工作而无需更改。

我还要强调一下 Telerik 论坛。对于 Telerik 的具体问题，有一个活跃的社区可以帮助解决问题：www.telerik.com/forums

Answer 2

自从我使用 radgrid 以来已经有一段时间了，但在您的编辑模板中，我相信您需要删除 GridBoundColumns 并放置两个由破折号分隔的文本框控件。然后使用 Databinder 填充这些 txt 框。抱歉，我无法更简洁，因为我正在 iPhone 上打字，无法进行测试。当我在我的机器前时，我会跟进你。

祝你好运！