自动调整内容大小

您可以根据窗格内的内容展开拆分器的高度。

1. 根据本文介绍的方法，设置Splitter以扩展到其父控件的高度展开到100%高度和自动调整大小．
2. 确保在呈现窗格内容时调整了父内容的大小。
3. 调用调整方法来完成该过程。

@(Html.Kendo(). splitter (). name ("vertical") . orientation (SplitterOrientation.Horizontal) . panes (verticalPane => {verticalPane. add().可折叠(true)。内容(“< div id =“网格”> < / div > ");verticalPane.Add () .Collapsible(真正的);})) @(Html.Kendo(). grid () . name ("grid") . columns (columns => {columns. products)。绑定(p => p. productname);}) . dataSource (dataSource => dataSource . custom () . batch (true) . schema (schema => schema。Model(m => m.d id (p => p.c productid))) . transport (transport => {transport. productid)) . transport (transport => {transport. productid))。读取(Read => Read . url ("https://demos.telerik.com/kendo-ui/service/products") .DataType("jsonp"));})) .Events(e => {e. databound ("onDataBound");})) <脚本>函数onDataBound(e) {var gridHeight = e.sender.wrapper. outerheight () + e.sender.wrapper. outerheight () - e.sender.wrapper.height();$(文档);(“身体”).height (gridHeight);var splitter = $("#vertical").data("kendoSplitter");splitter.resize(真正的); }  

public类SplitterController: Controller {public IActionResult Index() {return View();}}

公共类Products{公共字符串ProductID {get;设置;}公共字符串ProductName{获取;设置;}公共十进制UnitPrice {get;设置;}}

另请参阅

• 服务器端API