2

私は MVC 3.0 アプリケーションで作業しています。私のプロジェクトでは、データの一覧表示に Telerk mvc グリッドを使用しました。グリッド編集モードを「InCell」にしました。私のグリッドには、「ファクト」と「アクション」の 2 つの列があります。「Facts」列を押すと、テキストボックスのある編集モードに変わりました。iPadでもキーパッドが自動で表示されます。その後、「アクション」列を押すと、編集モードに変わりましたが、iPadのキーパッドが非表示になりました。同じ「アクション」列または他の列をもう一度押すと、iPadのキーパッドが表示されます。しかし、テレリック mvc グリッド バッチ編集のオンライン デモ (http://demos.telerik.com/aspnet-mvc/razor/grid/editingbatch) では、動作しているようです。プロジェクトでテレリック バージョン 2012.2.607 を使用しています。グリッド リストのコードは次のようになります。

    @(Html.Telerik().Grid<AnswerQuestionVM>()
    .Name("GridQuestions")
    .DataKeys(keys =>
    {
        keys.Add(p => p.QuestionID);
    })
    .Columns(columns =>
    {

        columns.Bound(p => p.QuestionNumber).Format("{0:0.00}").HtmlAttributes(new { style = "text-align:center;" }).Title("#").Width("5%").ReadOnly();

        columns.Bound(p => p.QuestionName).Title("Question Name").Width("43%").ReadOnly();

        columns.Bound(p => p.Facts).Width("8%");

        columns.Template(@<text></text>).ClientTemplate("<img src='" + @Url.Content("~/images/help.gif") + "' name='help' alt='help' title='<#=FactOptions#>' />");

        columns.Bound(p => p.Actions).Width("8%");

        columns.Template(@<text></text>).Width("2%").ClientTemplate("<img src='" + @Url.Content("~/images/help.gif") + "' name='help' alt='help' title='<#=ActionOptions#>' />");

        columns.Template(@<text></text>).Title("Skip").Width("3%").ClientTemplate(
        "<# if(Skip==false) {#>" +
        "<input type='checkbox' style='cursor:pointer;' class='skipClass' />" +
                 "<#} else{#>" +
        "<input type='checkbox' style='cursor:pointer;' class='skipClass' checked='checked' />" +
        "<# } #>"
        );

        columns.Bound(p => p.Note).Title("Note").Width("26%");

    })
         .Editable(editing => editing.Mode(Telerik.Web.Mvc.UI.GridEditMode.InCell))
         .KeyboardNavigation( navigation => navigation.EditOnTab(true))
         .ClientEvents(e => e.OnSave("OnSave"))
         .DataBinding(dataBinding =>
         {
            dataBinding.Ajax().Select("GetQuestion", "AnswerQuestion", new { Area = "question",  ajax = true }).Enabled(true);
         })
                                                                                              .Scrollable(scrolling => scrolling.Enabled(false))
                                                                                             .Sortable(sorting => sorting.Enabled(true))
                                                                                             .Pageable(paging => paging.Enabled(true))
                                                                                             .Filterable(filtering => filtering.Enabled(true))
                                                                                             .Groupable(grouping => grouping.Enabled(false))
                                                                                             .Footer(true)
                                                                 )

私のコードに欠けているものを教えてください。どんな助けでも大歓迎です。

4

0 に答える 0