2016-03-10 46 views
1

是否可以将其他控件(除了按钮)放在工具栏中?工具栏中的ShieldUI控件?

我想将我的列隐藏和过滤控件移动到工具栏,并使“导出到Excel”按钮缩小并右移。

更新

<div class="grid-config"> 
    <div> 
     Column: 
     <select id="columnChooser"> 
      @Html.Raw(ViewBag.columnChooser) // loads columns dynamically 
     </select> 
     <button id="hideColumn">Hide Column</button> 
     <button id="showColumn">Show Column</button> 
     <div id="filter"> 
      Search as you type:&nbsp;<input type="text" /> 
     </div> 
    </div> 
</div> 

回答

1

可以使用toolbar.template设置定义从中元素添加到工具栏动态的功能。

要使导出按钮变小,可以使用toolbar.buttons.cls选项为该按钮添加一个类。或者,您可以在工具栏中呈现自己的按钮,并在单击时调用Grid的exportExcel()函数。

+0

我已更新我的帖子以显示我的过滤器/列选择器区域的代码。我会如何把它放在工具栏中? – MB34

+0

此外,设置'toolbar.button.cls'无法正确设置按钮'float:right;'。 – MB34

+0

你传递了​​一个有效的CSS类名吗?使用像“float:right”这样的内联样式将不起作用... –