Привязка на стороне клиента Telerik RadListView не работает, чего не хватает?

Кажется, я могу заставить работать привязку на стороне клиента (через 2 дня) с помощью элементов управления Telerik. Я не предоставляю правильные данные о фальшивом значении/паре? Не удается правильно найти идентификатор элемента управления?

Что нужно сделать, чтобы правильно привязать данные к 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>

telerik asp.net-ajax radlistview client-side-data
person JoJo    schedule 10.02.2015    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Вы не находите клиентский объект listview должным образом - вы должны использовать:

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

Проверьте демонстрационные версии привязки данных на стороне клиента на их сайте:

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

person Veselin Vasilev    schedule 11.02.2015