客户端绑定 Telerik RadListView 不起作用,缺少啥?

Posted

技术标签:

【中文标题】客户端绑定 Telerik RadListView 不起作用,缺少啥?【英文标题】:Client Side binding Telerik RadListView not working, what is missing?客户端绑定 Telerik RadListView 不起作用,缺少什么? 【发布时间】:2015-04-10 20:36:17 【问题描述】:

我似乎可以使用 Telerik 控件让客户端绑定工作(2 天后)。我没有提供正确的假值/对数据吗?没有正确找到控件 ID?

需要做什么才能从客户端正确地将数据绑定到 Telerik RadListView?

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="Admin.WebForm1" %>

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %> <!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server">
    <title></title>
    <script type="text/javascript">
        //
    </script>
    <script src="scripts/jquery-2.1.1.min.js"></script> </head> <body>
    <form id="form1" runat="server">
        <div>
            <telerik:RadScriptManager ID="rsm1" runat="server"></telerik:RadScriptManager>
            <telerik:RadListView
                ItemPlaceholderID="itemPlaceHolder"
                ID="listviewHere" runat="server" ClientIDMode="Static">
                <ClientSettings>
                    <DataBinding>
                        <LayoutTemplate>
                            <ul id="itemPlaceHolder">
                            </ul>
                        </LayoutTemplate>

                        <AlternatingItemTemplate>

                        </AlternatingItemTemplate>

                        <EmptyDataTemplate>
                            nothing
                        </EmptyDataTemplate>
                        <ItemTemplate>
                            <li>#= id # ----sdfdsfsdsdf</li>
                        </ItemTemplate>
                    </DataBinding>
                </ClientSettings>
            </telerik:RadListView>
        </div>
    </form>
    <script type="text/javascript">

        //$("#grid1").hide();
        //$("#listviewHere").show();

        $(document).ready(function () 
            var data = [ id: 1, name: "name1", value: 12.4 ,  id: 2, name: "name2", value: 12.4 ];

            var listView = $find("#listviewHere");
            //var listView = listviewHere().get_masterTableView();
            //listView.get_masterTableView();
            listView.set_dataSource(data);
            listView.dataBind();

        );
    </script>

</body> </html>

【问题讨论】:

【参考方案1】:

您没有正确找到 listview 客户端对象 - 您应该使用:

var listView = $find('<%= listviewHere.ClientID %>');

查看他们网站上的客户端数据绑定演示:

http://demos.telerik.com/aspnet-ajax/listview/examples/client/appendingdata/defaultcs.aspx

【讨论】:

以上是关于客户端绑定 Telerik RadListView 不起作用,缺少啥?的主要内容,如果未能解决你的问题,请参考以下文章

在 RadListView 中居中特定列(Telerik,Winforms)

在 Telerik 的 RadListView 中预先选择复选框

Telerik UI Nativescript - RadListView 涟漪效应

Telerik RadListView EnableSorting 覆盖 AllowDragDrop

RadListView Telerik UI“无法读取未定义的属性‘setLayoutParams’”

在Telerik RadListView中为UWP删除项目选择上的defalt背景