Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/templates/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Kendo ui 向剑道UI网格工具栏添加标题_Kendo Ui - Fatal编程技术网

Kendo ui 向剑道UI网格工具栏添加标题

Kendo ui 向剑道UI网格工具栏添加标题,kendo-ui,Kendo Ui,我希望添加一个标题到剑道UI网格工具栏,并将其左对齐。有什么方法可以在这个区域添加h2或h3吗 此外,若要仅设置此工具栏的样式,我可以访问“样式”属性吗?(我想在顶部和底部(分页的地方)添加较深的颜色/渐变色) 工具栏:[ {“名称”:“创建”,模板:}, {“名称”:“保存”,模板:}, {“名称”:“取消”,模板:} ], 标识剑道网格工具栏的类是k-Grid-toolbar。因此,要设置其样式,您可以使用: #grid .k-grid-toolbar {  background:

我希望添加一个标题到剑道UI网格工具栏,并将其左对齐。有什么方法可以在这个区域添加h2或h3吗

此外,若要仅设置此工具栏的样式,我可以访问“样式”属性吗?(我想在顶部和底部(分页的地方)添加较深的颜色/渐变色)

工具栏:[
{“名称”:“创建”,模板:},
{“名称”:“保存”,模板:},
{“名称”:“取消”,模板:}
],

标识剑道网格工具栏的类是
k-Grid-toolbar
。因此,要设置其样式,您可以使用:

#grid .k-grid-toolbar { 
    background: red;
}
要向工具栏添加某些内容,可以使用:

$(".k-grid-toolbar", "#grid").prepend("<h1>hello</h1>");
$(.k-grid-toolbar“,”网格“).prepend(“hello”);

$(.k-grid-toolbar),“#grid”).before(“hello”);
$(.k-grid-toolbar),“#grid”)。在(“hello”)之后;
取决于是否要在包含按钮前后的
div
中添加HTML


grid
是包含
网格的
div
id
,按照剑道MVC的说法,解决方案非常简单:

@(Html.Kendo().Grid<MyGridsViewModel>()
    .Name("MyGridsName")
    .ToolBar(toolbar => toolbar.Template("<h4>My Grid's Title</h4>"))
    .DataSource(datasource => ...
@(Html.Kendo().Grid())
.Name(“MyGridsName”)
.ToolBar(ToolBar=>ToolBar.Template(“我的网格标题”))
.DataSource(DataSource=>。。。
在您开始疯狂并尝试将“创建/自定义按钮生成器”与工具栏lambda一起使用之前,这一切都很正常


在这种情况下,按钮永远不会被渲染。解决方法是使用此线程中确定的其他方法之一:

太好了,很高兴你能帮助OnaBai!我知道这是一篇老文章OnaBai,但代码的和平与我无关。我正在做的正是你所说的。我只是不明白我的代码有什么问题,我想在我的项目中有一个div,它有kendo打开listview所需的div。所以,就像你的例子中的母div和#网格内一样,然后我用你给我们看的代码调用它。我的母div随着listview的消失而消失,我的工具栏显示我的创建按钮,但工具栏的其余部分是空的。你能吗帮帮我?@Japa,在Stack Overflow中提交一个新问题,并包含一个代码,该代码复制了您在JSFiddle/JSBin/KendoUI Dojo/中看到的内容,我将对此进行研究it@Mike,当然可以。实现这一点有多种方法:可以通过添加属性
display:none
或y来隐藏使用
prepend
添加的HTML元素实际上,您可以使用
remove()
将其删除。
$(".k-grid-toolbar", "#grid").before("<h1>hello</h1>");
$(".k-grid-toolbar", "#grid").after("<h1>hello</h1>");
@(Html.Kendo().Grid<MyGridsViewModel>()
    .Name("MyGridsName")
    .ToolBar(toolbar => toolbar.Template("<h4>My Grid's Title</h4>"))
    .DataSource(datasource => ...