在網格底部放置Kendo工具欄

我有一個帶有工具欄的Kendo網格，如何將它放置在網格後面。在網格底部放置Kendo工具欄

我已經做了一個快速搜索，發現堆棧中有this，但我的命令欄仍顯示在網格上方。

我不知道這裏出了什麼問題，誰能請我指出正確的方向？代碼：

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

來源

2013-04-16 karthick

kendo ui論壇是一個更好的地方問這個問題。 –

@MohammandSepahvand謝謝，我的公司有許可證的劍道，但我還沒有鏈接到..所以我無法張貼在劍道形式。 – karthick

我知道了......探索呈現的HTML我發現，沒有「.K-格的內容」在裏面，只有「.K網」，它能正常工作後。 ...

<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-18 05:55:24 karthick

在網格底部放置Kendo工具欄

回答

相關問題