编辑KendoGrid模板的更简洁的方法
Cleaner way to edit KendoGrid template
我想为我的KendoGird使用自定义模板,并且我在网格
中嵌套了详细信息这是我的代码:
@(Html.Kendo()
.Grid(Model)
.Name("grid")
.Columns(columns =>
{
columns.Template(@<text></text>)
.ClientTemplate(
"<div>" +
"<div style='"float:left'">#= SomeFeild1#</div>" +
"<div style='"clear:both;'">" +
"#= SomeFeild2#" +
"</div>" +
"<div class='"attache'" style='"clear:both'">" +
"#=CreateGrid(Id)#" +
"</div>" +
"</div>");
})
.Sortable()
.Pageable()
.DataSource(dataSource => dataSource
.Ajax().PageSize(20)
.ServerOperation(false)))
这个JavaScript函数以html形式返回嵌套的细节:
function CreateGrid(id) {
return "Some more html";
}
一切都很好,但一团糟,如果我想做出最轻微的改变
,那将很困难我怎样才能以更清洁的方式做到这一点?
你可以这样做:
columns.Bound(p => p.Column1).ClientTemplate("#= getTemplate() #");
<script>
function getTemplate() {
var html = kendo.format("<a href='{0}/{1}'>Show Product Details</a>",
param1,
param2
);
return html;
}
</script>
此链接中的更多信息
相关文章:
- 在 JavaScript 数组中的所有元素之间穿插元素的简洁方法
- 使用异步模块的Express + Mongoose请求处理程序的更简洁的方法
- 有没有更简洁的方法可以从带有 lodash 的数组中删除条目
- 用javascript在一个对象的两个键上声明两个数组的简洁方法是什么
- Javascript - 用 Javascript 编写 HTML 代码的更简洁的方法(取代 jQuery)
- 有没有一种更简洁的方法可以使用 Angular 指令实现页面位置感知
- 接受选项对象作为参数的简洁方法,回退到省略属性的默认值
- 转换节点.js流的简洁方法
- 编辑KendoGrid模板的更简洁的方法
- 处理 Array.prototype.slice.call(参数)的更简洁方法
- 在Javascript中,有没有一种简洁的方法可以将方法绑定到对象
- 有没有一种更简洁的方法来设置一个条件语句,以便为变量的任意值集执行
- 将函数绑定到此函数的更简洁的方法
- 是否有一种更简洁的方法来解析我的HTML数据
- 在Javascript/jQuery中比较多个元素值的简洁方法
- 在列表中隐藏距离超过3步的兄弟姐妹的最简洁的方法是什么?
- 用Express嵌套路由器的正确/简洁的方法
- 有没有更简洁的方法在js中编写一组基于时间的条件?
- 是否有一个好的/简洁的方法来重构嵌入的循环,而不是使用Rx操作符
- 从另一个对象和要保存的键数组生成一个对象的最简洁的方法