kendo ui grid 动态控制某属性

kendo ui grid 动态控制某属性,第1张

var grid = $("#gridname")data("kendoGrid");//获取Grid对象

//修改对象参数

gridsetOptions({

filterable: {

enabled: true,

mode: "row"

}

});

循环呗,不循环还有别的办法? 如果数据量多的话,或者需要几页grid的id,建议后台取值,比较快。 如果就取一页grid的值的话,给你个参考 var s = "";for(var i=0;i

效果如下,点击后左侧Navigator Bar刷新

init显示的代码:

[html] view plain copy

<div data-role="view" id="listview-templates" data-init="mobileListViewTemplatesInit" data-title="ListView" data-transition="slide">

<ul style="float: left; width: 30%" id="custom-listview"></ul>

[html] view plain copy

<input id="metricId" type="hidden" value="34"/>

<input id="metricUrl" type="hidden" value=">

<input id="metricStatus" type="hidden" value="0"/>

模板函数

[javascript] view plain copy

<script id="customListViewTemplate" type="text/x-kendo-template">

<div>

<h3 class="item-title">#= MetricName #</h3>

<p class="item-info">#= HostName #</p>

<a data-role="button" onclick="GetMetricNodes('#= NodeId #')">View</a>

<a data-role="button" class="details-link" onclick="GetChartById('#= MetricId #')">Next</a>

</div>

</script>

然后是初始化时的载入函数(mobileListViewTemplatesInit)

[javascript] view plain copy

<script>

var metricNode = new kendodataDataSource({

transport: {

read: {

// the remote service url

url:">

// JSONP is required for cross-domain AJAX

dataType: "jsonp",

// additional parameters sent to the remote service

data: {

userName:function(){

return 'admin';

},

userDomain:function(){

return 'admin';

},

status:function(){

return  $('#metricStatus')val()

}

}

}

},

// describe the result format

schema: {

// the data which the data source will be bound to is in the "results" field

data: ""

},

change: function() { // subscribe to the CHANGE event of the data source

//alert($('#metricId')val());

/$("#tweets")html(kendorender(template, thisview()));/

}

});

function mobileListViewTemplatesInit() {

$("#custom-listview")kendoMobileListView({

dataSource:metricNode,

template: $("#customListViewTemplate")html()

});

}

</script>

1设置列属性

encoded:false  =>  红色的xx

encoded:true(默认)   =>  文本<font color="red">xx</font> 

2也可使用template处理 (#:# 与#=#即html转义不转义的区别)

template:"#:field#" 

或 

template:function(data){

  // to do 

}

var row = GGdata("kendoGrid")select();

var data = GGdata("kendoGrid")dataItem(row);

dataset("IP", "1212");

以上就是关于kendo ui grid 动态控制某属性全部的内容,包括:kendo ui grid 动态控制某属性、kendoui grid表格可以实现排序吗、kendoUI如何刷新数据源等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9451609.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-28
下一篇2023-04-28

发表评论

登录后才能评论

评论列表(0条)

    保存