asp .net mvc telerik grid и второй столбец заголовка - PullRequest
0 голосов
/ 05 июля 2011

Я использую Telerik Grid с пакетным редактированием Ajax для MVC - работает просто отлично.Я должен сделать следующее - группа 2 столбца под общим, в дополнение к существующему заголовку, не теряя возможности редактирования.Технически, мне нужен просто способ добавить дополнительную строку заголовка, которая охватывает два столбца.Я знаю, что могу использовать только шаблон столбца, но таким образом я получаю столбцы, но со значениями только для чтения - код ниже.Буду признателен за любые предложения.Спасибо, Энди

<columns.Template(o => {%>

        <table cellspacing="0" class="data-row">
            <tr>
                <td><%=o.Unit_01%></td>
                <td><%=o.Value_01%></td>
            </tr>
        </table>
    <%})
    .ClientTemplate("<table cellspacing='0' calss='data-row' <tr><td><#= Unit_01 #></td><td><#= Value_01 #></td></tr></table>")
    .HeaderTemplate(() => {%>
        <table cellspacing="0" class="data-header">
            <tr>
                <td colspan="2" align="center"><strong>Period 1</strong></td>
            </tr>
            <tr>
                <td>Unit</td>
                <td>Value</td>
            </tr>
        </table>
    <%})
    .Width(200);

1 Ответ

0 голосов
/ 08 июля 2011

Не берите в голову, получил его от поддержки telerik, код ниже только для записи, имеет некоторые ограничения, но в целом работает для меня довольно хорошо.

 columns.Bound(o => o.Unit_01).Width(49).HeaderHtmlAttributes(new { style="padding:0", colspan = 2 }) // make the column span
  .HeaderTemplate(() => {
    %>
    <div style="text-align:center" class="t-header t-last">
        <strong>Period 1</strong>
    </div>
    <div>
        <div class="t-header" style="float:left;width:49px;border-bottom: none">Unit</div> 
        <div class="t-header t-last">Value</div> 
    </div>
    <%
    }
  );
...