简体   繁体   English

客户端绑定Telerik RadListView无法正常工作,缺少什么?

[英]Client Side binding Telerik RadListView not working, what is missing?

I can seem to get client-side binding to work (after 2 days) using Telerik controls. 我似乎可以使用Telerik控件使客户端绑定正常工作(2天后)。 AM I not providing the right kind of fake value/pair data? 我是否没有提供正确的假值/对数据类型? Not finding the control ID properly? 找不到正确的控件ID?

What needs to be done to properly bind data to Telerik RadListView from the client side? 从客户端将数据正确绑定到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>

You are not finding the listview client object properly - you should use: 您找不到适当的listview客户对象-您应该使用:

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

Check the Client-side Databinding demos on their site: 在其站点上查看客户端数据绑定演示:

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

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM