数据绑定后 Telerik radgrid 的客户端绑定未更新

Question

我正在尝试使用客户端 api 绑定 radgrid。

我对 javascript 函数 DoUpdate(sbiId) 发出调用，

function DoUpdate(sbiId) {
    var input = '{"SbiId":"' + sbiId+ '"}';
    var dataSource;

    $.ajax({ url: "http://localhost/Meta.WebService/DataService.svc/GetData",
        type: "POST",
        contentType: "application/json; charset=utf-8",
        data: input,
        dataType: "json",
        success: function(data) {
            updateGrid(data);
        }
    });
}

function updateGrid(result) {
    var mtv = RadGridSprintBackLogItemDetailsInstance().get_masterTableView();
    mtv.set_dataSource(result);
    mtv.dataBind();
}

ajax 调用返回看似正确的 JSON 数据；这是每个提琴手的响应内容：

{"d":[{"_type":"SBIRevision:#Meta.Scrum","AssignedTo":"罗杰 Ng","ChangedBy":"Bob Hung","ChangedDate":"8/8/2011 3:48:31 PM","描述":"","状态":"未完成","标题":"火星单位 测试","WorkEstimate":"50","WorkRemaining":"50"},{"_type":"SBIRevision:#Meta.Scrum","AssignedTo":"Roger 吴”，“更改者”：“罗杰吴”，“更改日期”：“8/8/2011 5:12:46 PM","描述":"","状态":"进行中","标题":"火星单位 测试","WorkEstimate":"50","WorkRemaining":"50"},{"_type":"SBIRevision:#Meta.Scrum","AssignedTo":"Roger 吴”，“更改者”：“罗杰吴”，“更改日期”：“8/8/2011 5:13:39 PM","描述":"","状态":"进行中","标题":"火星单位 测试","WorkEstimate":"50","WorkRemaining":"50"},{"_type":"SBIRevision:#Meta.Scrum","AssignedTo":"Roger 吴”，“更改者”：“罗杰吴”，“更改日期”：“8/8/2011 5:14:25 PM","Description":"遇到...指向错误的版本 服务”，“状态”：“进行中”，“标题”：“火星单位 测试","WorkEstimate":"50","WorkRemaining":"50"},{"_type":"SBIRevision:#Meta.Scrum","AssignedTo":"Roger Ng","ChangedBy":"Bob Hung","ChangedDate":"8/10/2011 10:59:09 AM","描述":"遇到...指向错误的版本 服务”，“状态”：“进行中”，“标题”：“火星单位 测试","WorkEstimate":"50","WorkRemaining":"50"},{"_type":"SBIRevision:#Meta.Scrum","AssignedTo":"Roger 吴”，“更改者”：“罗杰吴”，“更改日期”：“8/11/2011 12:04:09 PM","Description":"遇到...指向错误的版本 服务”，“状态”：“完成”，“标题”：“火星单位 测试","WorkEstimate":"50","WorkRemaining":"50"}]}

这是我在aspx页面上声明我的radgrid的方式

<telerik:RadGrid runat="server" ID="RadGridSprintBackLogItemDetails" EnableViewState="false" EnableEmbeddedSkins="false" Skin="Meta">
    <MasterTableView AutoGenerateColumns="false" EnableNoRecordsTemplate="true" ShowHeadersWhenNoRecords="true">
        <ItemStyle Wrap="false"></ItemStyle>
        <NoRecordsTemplate>
            <div style="margin-left: 5px;">
                Select a Sprint Backlog Item (SBI) from above to view its Revisions</div>
        </NoRecordsTemplate>
        <Columns>
            <telerik:GridBoundColumn DataField="ChangedDate" HeaderText="Changed Date">
            </telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="Title" HeaderText="Title">
            </telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="Description" HeaderText="Description">
            <ItemStyle Wrap="false"></ItemStyle>
            </telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="AssignedTo" HeaderText="Assigned To">
            </telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="WorkEstimate" HeaderText="Work Estimate">
            </telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="WorkRemaining" HeaderText="Work Remaining">
            </telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="State" HeaderText="State">
            </telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="ChangedBy" HeaderText="Changed By">
            </telerik:GridBoundColumn>
        </Columns>
    </MasterTableView>
</telerik:RadGrid>

奇怪的是，在数据返回并绑定后，出现无记录模板。

Answer 1

按如下方式更改 updateGrid 函数（使用 result.d 进行绑定）：

function updateGrid(result) {
  var mtv = RadGridSprintBackLogItemDetailsInstance().get_masterTableView();
  mtv.set_dataSource(result.d);
  mtv.dataBind(); 
}

希望这会有所帮助。

Answer 2

当与 set_dataSource() 绑定时，您需要传递实际的数据对象数组。您获得的 jQuery 结果包含名为 .d 的字段中的数据数组。这就是您需要使用 result.d 的原因。

顺便说一句，您是否知道 RadGrid 可以自动绑定到 WCF Web 服务？请参阅 RadGrid 的 .NET 3.5 客户端数据绑定演示举个例子。服务设置是通过标记在 RadGrid 的定义中指定的。然后，RadGrid 自动连接到数据服务，检索结果并进行数据绑定。