0

ツールバー付きの剣道グリッドがあります。グリッドの後に配置するにはどうすればよいですか。

クイック検索を行ったところ、これがスタックで見つかりましたが、それでもコマンド バーがグリッドの上に表示されます。

ここで何が問題なのかわかりません。誰かが私を正しい方向に向けることができますか? コード：

 <div id="divDependentDetails" >
  @if (Model.IsDependentGridEnabled)
  {
@(Html.Kendo().Grid(Model.DependentDetailsList)
            .Name("DependentGrid")
            .Events(e => e.SaveChanges("DependentGridSave")

            )
                   .Columns(columns =>
                   {
                       columns.ForeignKey(p => p.TitleCode, Model.TitleList, "TitleCode", "TitleDescription").Title("Title");
                       columns.Bound(p => p.FirstName).Title("First Name");
                       columns.Bound(p => p.MiddleName).Title("Middle Name");
                       columns.Bound(p => p.LastName).Title("Last Name"); ;
                       columns.ForeignKey(p => p.Gender, Model.GenderList, "TitleCode", "TitleDescription").Title("Gender");
                       columns.ForeignKey(p => p.RelationShipCode, Model.RelationShipList, "RelationShipCode", "RelationShipName").Title("Relationship");
                       columns.Bound(p => p.DepDOB).Format("{0:dd-MMM-yyyy}").Title("Date of Birth");
                       columns.Bound(p => p.RelationShipStartDate).Format("{0:dd-MMM-yyyy}").Title("Relationship Start Date");
                       columns.Bound(p => p.RelationShipEndDate).Format("{0:dd-MMM-yyyy}").Title("Relationship End Date");
                       columns.Bound(p => p.EmailAddress).Title("Email");
                       columns.Bound(p => p.DepPassportNumber).Title("Passport Number");
                       columns.Bound(p => p.DepPassportExpDate).Format("{0:dd-MMM-yyyy}").Title("Passport Expiry");
                       columns.Command(command => command.Destroy());
                   })

                    .ToolBar(toolBar =>
                    {
                        toolBar.Create().Text("Add");
                        toolBar.Save().SaveText("Submit").CancelText("Reset");
                    })
                   .Editable(editable => editable.Mode(GridEditMode.InCell))

                   .Sortable()
                   .Resizable(resize => resize.Columns(true))
                   .Filterable()
                   .DataSource(dataSource => dataSource
                       .Ajax()
                        .Batch(true)
                       .ServerOperation(false)
                       .Model(model =>
                       {
                           model.Id(m => m.DependantDetialId);

                       })
                       .Update(update => update.Action("DependentDetails_Update", "EmployeeSelfService")
                 )
                 .Create(create => create.Action("DependentDetails_Create", "EmployeeSelfService")
         )
                 .Destroy(delete => delete.Action("DependentDetails_Destroy", "EmployeeSelfService")
             )
                 .Events(e => e.RequestEnd("DependentGrid_onComplete")
                 )
                   )
                   )

  }
</div>
<script>
    $("#DependentGrid").find(".k-grid-toolbar").insertAfter($("#DependentGrid .k-grid-content"));
</script>
4

1 に答える 1

0

私はそれを手に入れました...レンダリングされたHTMLを調べた後、「.k-grid-content」がなく、「.k-grid」のみがあり、正常に機能することがわかりました....

<script>

// $("#DependentGrid").find(".k-grid-toolbar").insertAfter($("#DependentGrid .k-grid-content"));  --- not working

// Working Line 

$("#DependentGrid").find(".k-grid-toolbar").insertAfter($("#divDependentDetails .k-grid"));
</script>
于 2013-04-18T05:55:24.013 に答える