大佬教程收集整理的这篇文章主要介绍了asp.net-mvc – 如何在Kendo模板中动态设置列,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
<script id="rowTemplate" type="text/x-kendo-template"> <tr class="k-master-row"> <td> <div>#=column1#</div> </td> <td><span class="mydesign" title="column2#"</span></td> <td>#column3#</td> <td>#=column4#</td> </tr> </script>
编辑:在Kendo网格中,我们动态设置列.现在问题是我们如何设置content表和头表的动态宽度.如果超过最大宽度,我们如何启用水平滚动条.有没有办法实现这一点?
基本上,您可以通过将html字符串传递给kendo.template来创建新的kendo模板实例.然后,您可以将新的模板实例分配给网格的rowTemplate(或altRowTemplatE),然后调用datasource.read()强制刷新网格.
您可以生成自己的html字符串或更新页面中的现有模板,然后使用jquery的html()将其转换为字符串.
例如:
var htmlTemplate = ''; if (userPreferences.likeRed) { htmlTemplate ='<tr class="k-master-row"><td style="BACkground-color:red">#column1#</td></tr>' } else { htmlTemplate ='<tr class="k-master-row"><td style="BACkground-color:green">#column1#</td></tr>' } $("#grid").data("kendoGrid").rowTemplate = kendo.template(htmlTemplatE); $("#grid").data("kendoGrid").datasource.read();
以上是大佬教程为你收集整理的asp.net-mvc – 如何在Kendo模板中动态设置列全部内容,希望文章能够帮你解决asp.net-mvc – 如何在Kendo模板中动态设置列所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。