请问:C1GridView1如何用JS填充数据

收藏

请问:C1GridView1如何用JS填充数据,格式如下：
var data = [
{data:"77"}
];
$("#C1GridView1").c1gridview("option", "data", data);

此形式数据没有显示成功，哪里写不对呢？

请教，谢谢

Alice · Alice

根据您的描述，是想在客户端做编辑么？
客户端编辑有客户端处理事件，可以处理数据，并且更新到服务器端，请参考在现示例：

http://demo.gcpowertools.com.cn/ ... entSideEditing.aspx

hhddyy · hhddyy

Alice 发表于 2016-8-30 10:00
根据您的描述，是想在客户端做编辑么？
客户端编辑有客户端处理事件，可以处理数据，并且更新到服务器端， ...

是想在后台数据库得到数据后，用Ajax动态填充C1GridView1

Alice · Alice

hhddyy 发表于 2016-8-30 14:24
是想在后台数据库得到数据后，用Ajax动态填充C1GridView1

如果你想通过jQuery绑定C1GridView，后台的绑定的数据源需要你提前准备好。
如下的片段描述客户端的代码，请参考

$(document).ready(function () {
$.ajax({
type: "POST",
contentType: "application/json; charset=utf-8",
url: "WebForm1.aspx/BindDatatable",
data: "{}",
dataType: "json",
success: function (data) {
for (var i = 0; i < data.d.length; i++) {
$("#C1GridView1").append("<tr><td>" + data.d[i].CustomerID + "</td><td>" + data.d[i].City + "</td><td>" + data.d[i].Country + "</td></tr>");
}
},
error: function (result) {
alert("Error");
}
});
});

复制代码

hhddyy · hhddyy

Alice 发表于 2016-8-30 17:45
如果你想通过jQuery绑定C1GridView，后台的绑定的数据源需要你提前准备好。
如下的片段描述客户端的代码 ...

这样是可以填充数据，但是C1GridView的特色功能就不能使用了，比如鼠标在表格上移动行变色功能和分页功能。
var columns = [{ dataField: "id",
      groupedIndex: -1,
      sortExpression: "id",
      headerText: "ID",
      innerState: { _uid: 0, clientType: "C1BoundField", oi: 0 }
}];
$("#C1GridView1").c1gridview("option", "columns", columns); 这种格式可以将标题名加上，
  var data = [{}, {}, {}]; $("#C1GridView1").c1gridview("option", "data", data);这种格式可以将行加上，但是是空的三行，一个{}代表一行，问题是数据怎样填充进去呢？{}里面需要哪个参数呢？谢谢

Alice · Alice

hhddyy 发表于 2016-8-30 18:59
这样是可以填充数据，但是C1GridView的特色功能就不能使用了，比如鼠标在表格上移动行变色功能和分页功能 ...

首先通过你的描述，你是期望ajax异步来完成数据绑定。
后面你提的问题收到了，稍后我给你反馈示例。

		自动登录	找回密码
密码			立即注册

请问:C1GridView1如何用JS填充数据

5 个回复

活字格认证

微信认证勋章

元老葡萄