Asp.net mvc 3 剑道ui网格单元显示区域随着添加更多数据而缩小
如何防止告诉网格最大化记录显示区域并保持页面控件的区域固定?这就是我在将数据添加到网格时遇到的情况。记录显示区域缩小,页面导航控制区域随着添加更多页面而不断增加,占用剩余空间,而页面导航控制是垂直对齐而不是水平对齐 这是在升级到剑道UI Web的2012.3.1114版后开始的 编辑更多信息: 我正在初始化网格,如下所示:Asp.net mvc 3 剑道ui网格单元显示区域随着添加更多数据而缩小,asp.net-mvc-3,datagrid,kendo-ui,Asp.net Mvc 3,Datagrid,Kendo Ui,如何防止告诉网格最大化记录显示区域并保持页面控件的区域固定?这就是我在将数据添加到网格时遇到的情况。记录显示区域缩小,页面导航控制区域随着添加更多页面而不断增加,占用剩余空间,而页面导航控制是垂直对齐而不是水平对齐 这是在升级到剑道UI Web的2012.3.1114版后开始的 编辑更多信息: 我正在初始化网格,如下所示: $("#kendoGrid").kendoGrid({ height: "200px", div is constant heig
$("#kendoGrid").kendoGrid({
height: "200px", div is constant height
dataSource: this._dataSource,
autowidth: true,
columns: columnModels,
sortable: true,
pageable: {
refresh: true,
pageSizes: true
},
width: '100%'
});
网格是ASP.NET MVC页面的一部分,定义如下:
using (Html.BeginForm())
{
<fieldset>
<div id="centerstage" >
<div id="left" >
<div id="accordion">
</div>
</div>
<div id="main-content-div" style="overflow: hidden">
<div id="center" class="column" />
<div id="console" class="console" >
<table id="kendoGrid" >
</table>
<div id="pager"></div>
</div>
</div>
<div id="right" >
<div id="dashboardDiv" >
<p>dash board</p>
</div>
</div>
</div>
</fieldset>
我们需要一些代码。。。请尝试jsbin.com或jsfiddle.net。可能与寻呼机显示相关的错误在这两个问题之间看起来相同。
$("#centerstage").kendoSplitter({
orientation: "horizontal",
panes: [
{ collapsible: true, resizable: true, size: "21%" },
{ collapsible: false, resizable: true, size: "60%" },
{ collapsible: true, resizable: true, size: "19%" }
]
});
$("#main-content-div").kendoSplitter({
orientation: "vertical",
panes: [
{ collapsible: false, size: "500px" },
{ collapsible: true, resizable: true, size: "220px" }
]
});