自定义工具栏Kendo Grid

时间:2015-06-03 13:54:41

标签: kendo-ui telerik kendo-grid

是否可以自定义Kendo网格工具栏。目前我正在使用此Demo
在本演示中,我不想使用工具栏中的“保存更改”链接,而是希望将其用作执行验证的网格底部的提交按钮。可能吗?需要你宝贵的建议。

2 个答案:

答案 0 :(得分:0)

如果向下滚动链接演示中的左侧菜单,您将找到Toolbar Template演示。这是一个很好的起点。

如果您不想要工具栏,请配置没有工具栏的网格。如果你想要网格下面的提交按钮,那么就像在网格下方放置一个#一样简单,并在点击时触发一个事件。

答案 1 :(得分:0)

使用kendo网格工具栏模板

 .ToolBar(toolBar =>
        {

            toolBar.Template(
                @<Text>

                    <div class="input-group-btn">
                        <div data-toggle="dropdown" class="dropdown-toggle" aria-expanded="false">
                            <button type="button" id="searchcategory" value="Name" class="btn btn-default btnstick">Name</button>
                            <button type="button" class="btn btn-default btnstick"><span class="caret"></span></button>
                        </div>
                        <ul id="searchdropdown" class="dropdown-menu" role="menu">
                            <li><a>Name</a></li>
                            <li><a>Description</a></li>
                            <li class="divider"></li>
                            <li><a>Any</a></li>
                        </ul>
                    </div>

                </div>                        </Text>);
        })