Kendo UI for jQuery数据管理使用教程:多列标题/列菜单等

Kendo UI for jQuery数据管理使用教程:多列标题/列菜单等_第1张图片


Kendo UI目前最新提供Kendo UI for jQueryKendo UI for AngularKendo UI Support for ReactKendo UI Support for Vue四个控件。Kendo UI for jQuery是创建现代Web应用程序的完整UI库。

多列标题

Grid的多列标题表示一种树状结构,用户可以通过一个公共标题将一个或多个列组合在一起。

网格提供了一个内置选项,可通过菜单触发列操作。





stylesheet href=styles/kendo.common.min.css />
”stylesheet href=styles/kendo.default.min.css />
”stylesheet href=styles/kendo.default.mobile.min.css />




”example>
”grid>



该公共标头又可以是另一个上级MultiColumn标头的子级,它也可以同时覆盖列和其他标头。

columns: [
{
title: Personal Info,
columns: [
{ field: name },
{ field: birthdate }
]
},
{
title: Location,
columns: [
{ field: city },
{ field: country }
]
},
{
field: phone
}]


列菜单

Grid提供一个内置选项,可通过菜单触发列操作。

要启用列菜单实现,请设置columnMenu = true 结果,Grid的列标题呈现一个菜单列,该菜单使用户可以对列进行排序、过滤或更改其可见性。列菜单还会检测何时通过列定义禁用特定的列操作,并从其呈现中排除了相应的UI





stylesheet href=styles/kendo.common.min.css />
”stylesheet href=styles/kendo.default.min.css />
”stylesheet href=styles/kendo.default.mobile.min.css />







”example>
”grid>




公司名称:北京哲想软件有限公司

北京哲想软件官方网站:www.cogitosoft.com

北京哲想软件微信公众平台账号:cogitosoftware

北京哲想软件微博:哲想软件

北京哲想软件邮箱:[email protected]

销售(俞先生)联系方式:+86(010)68421378

微信:18610247936 QQ:368531638


你可能感兴趣的:(Kendo UI for jQuery数据管理使用教程:多列标题/列菜单等)