This is a migrated thread and some comments may be shown as answers.
client side (insertItem)

3 Answers 180 Views
ListView
This is a migrated thread and some comments may be shown as answers.
Michael Pullella asked on 01 Apr 2010, 02:31 PM
Hi...

I have a listview on a page, I am trying to add an item via javascript with insertItem(). What params am I supposed to give to the method in order to add an item?
    
            <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="Default" %> 
        
            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
        
            <html xmlns="http://www.w3.org/1999/xhtml">  
        
            <head runat="server">  
        
                <title></title>  
        
                <telerik:RadStyleSheetManager id="RadStyleSheetManager1" runat="server" /> 
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server">  
        
                <telerik:RadScriptManager ID="RadScriptManager1" runat="server">  
        
                    <Scripts> 
        
                        <%--Needed for JavaScript IntelliSense in VS2010--%> 
        
                        <%--For VS2008 replace RadScriptManager with ScriptManager--%> 
        
                        <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" /> 
        
                        <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" /> 
        
                        <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" /> 
        
                    </Scripts> 
        
                </telerik:RadScriptManager> 
        
                <script type="text/javascript">  
        
                    //Put your Java Script code here.  
        
                </script> 
        
                <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">  
        
                </telerik:RadAjaxManager> 
        
                <telerik:RadSkinManager ID="RadSkinManager1" Runat="server" Skin="Outlook">  
        
                </telerik:RadSkinManager> 
        
                <div> 
        
                    <telerik:RadListView ID="RadListView1" runat="server"   
        
                        DataSourceID="AccessDataSource1" Skin="Office2007">  
        
                        <AlternatingItemTemplate> 
        
                            <div class="rlvA">  
        
                                <img src="images/book.png" />&nbsp;<asp:Label ID="Field1Label" runat="server" Text='<%# Eval("Field1") %>' /> 
        
                            </div> 
        
                        </AlternatingItemTemplate> 
        
                        <ItemTemplate> 
        
                            <div class="rlvI">  
        
                                <img src="images/book.png" />&nbsp;<asp:Label ID="Field1Label" runat="server" Text='<%# Eval("Field1") %>' /> 
        
                            </div> 
        
                        </ItemTemplate> 
        
                        <EmptyDataTemplate> 
        
                            <div class="RadListView RadListView_Office2007">  
        
                                <div class="rlvEmpty">  
        
                                    There are no items to be displayed.</div> 
        
                            </div> 
        
                        </EmptyDataTemplate> 
        
                        <LayoutTemplate> 
        
                            <div class="RadListView RadListView_Office2007">  
        
                                <div ID="itemPlaceholder" runat="server">  
        
                                </div> 
        
                            </div> 
        
                        </LayoutTemplate> 
        
                        <SelectedItemTemplate> 
        
                            <div class="rlvISel">  
        
                                &nbsp;<asp:Label ID="Field1Label" runat="server" Text='<%# Eval("Field1") %>' /> 
        
                            </div> 
        
                        </SelectedItemTemplate> 
        
                    </telerik:RadListView> 
        
                    <asp:AccessDataSource ID="AccessDataSource1" runat="server"   
        
                        DataFile="~/App_Data/Database.mdb" SelectCommand="SELECT [Field1] FROM [NAMES]">  
        
                    </asp:AccessDataSource> 
        
                    <asp:Button ID="Button1" runat="server" Text="Button" OnClientClick="InsertNewItem()" /> 
        
                    <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">  
        
                    <script type="text/javascript">  
        
                        function InsertNewItem() {  
        
                            alert("What params am I supposed to pass in order to have the listview insert a row for me?");  
        
                            var listView = $find("<%= RadListView1.ClientID %>");  
        
                            listView.insertItem();  
        
                        }  
        
                    </script> 
        
                    </telerik:RadCodeBlock> 
        
                </div> 
        
                </form> 
        
            </body> 
        
            </html>
Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

client side (insertItem)

3 Answers, 1 is accepted
