This is a migrated thread and some comments may be shown as answers.

[Solved] Header Template & Client Edit

0 Answers 51 Views
Grid
This is a migrated thread and some comments may be shown as answers.
This question is locked. New answers and comments are not allowed.
Emmanuel
Top achievements
Rank 1
Emmanuel asked on 25 May 2011, 02:35 PM
Hi,

I have trouble with using your Header Templates sample,
I've add an Insert method (databinding.Ajax) and there is no new line inserted with .Editable(editing => editing.Mode(GridEditMode.InLine))

I have tested  .Editable(editing => editing.Mode(GridEditMode.PopUp)) and it seems to work perfectly

Could you help me for coupling Header Template and Client Edit in inline mode ?

Please consider this part of my source code...

@helper RenderMyGrid()
    {
    @(Html.Telerik().Grid(Model)
        .Name("Grid_t")
        .DataKeys(keys => keys.Add(c => c.Id))
        .ToolBar(toolbar =>
            {
                toolbar.Insert().ButtonType(GridButtonType.Text).ImageHtmlAttributes(new { style = "margin-left:0" });
            })
        .Columns(columns =>
        {
            columns.Template(
                        @<text>                                                       
                            <table cellspacing="0" class="data-row">
                                <tr>
                                    <td>@item.Type</td>
                                </tr>
                            </table>
                        </text>)
                    .HeaderTemplate(
                        @<text>       
                        <table cellspacing="0" class="data-header">
                            <tr>
                                <td align="center" colspan="1"><strong>Type</strong></td>
                            </tr>
                        </table>
                        </text>);
            
 
               columns.Template(
                                @<text>                                                       
                            <table cellspacing="0" class="data-row">
                                <tr>
                                    <td>@item.IPE</td>
                                    <td>@item.IPS</td>
                                </tr>
                            </table>
                        </text>)
                            .HeaderTemplate(
                                @<text>       
                        <table cellspacing="0" class="data-header">
                            <tr>
                                <td align="center" colspan="2"><strong>IP</strong></td>
                            </tr>
                            <tr>
                                <td>E</td>
                                <td>S</td>
                            </tr>
                        </table>
                        </text>);
            columns.Command(commands =>
            {
                commands.Edit().ButtonType(GridButtonType.BareImage);
                commands.Delete().ButtonType(GridButtonType.BareImage);
            }).Width(200).Title("Commands").Hidden();
            columns.Bound(c => c.Id).Title("Id").Width(200).Visible(false);
 
        })
                                                 
        .DataBinding(databinding => databinding.Ajax()
                .Select("_Af", "Fake")
                .Insert("_Aj", "Fake")
                .Update("_Mo", "Fake")
                .Delete("_Su", "Fake"))
        .Editable(editing => editing.Mode(GridEditMode.InLine))
        .Scrollable()
                                                                                                                                     
 )
}

Tags
Grid
Asked by
Emmanuel
Top achievements
Rank 1
Share this question
or