Questions on UI for ASP.NET AJAX Forum

2 answers

85 views

[Solved] Client side editing using form template

I want to be able to be able to display a form template using client side data binding with a web service. I don't want to have to post back to the server to show the edit form. Is this possible? So far I have not be able to get the form to display.

I have my page working with an edit form I created outside the radgrid but I would prefer to do in place editing inside the radgrid, if possible.

Thanks,
Joe

Grid

answered on 04 May 2010

1 answer

618 views

How to get DataKeyValue from RadGrid

    
            <telerik:RadGrid ID="RadGrid1" runat="server" AllowPaging="true" AllowSorting="true" 
        
                ForeColor="White" GridLines="None" OnNeedDataSource="RadGrid1_NeedDataSource" 
        
                OnPreRender="RadGrid1_PreRender" PageSize="6" ShowHeader="False" Skin="Black"> 
        
                <ClientSettings >  
        
                    <Selecting  AllowRowSelect="true" />  
        
                </ClientSettings> 
        
                <MasterTableView TableLayout="Fixed" DataKeyNames="ProductsId"> 
        
                    <ItemTemplate> 
        
                        <%# (((GridItem)Container).ItemIndex != 0)? "</td></tr></table>" : "" %> 
        
                        <asp:Panel ID="ItemContainer" runat="server" CssClass='<%# (((GridItem)Container).ItemType == GridItemType.Item)? "item" : "alternatingItem" %>'> 
        
                            <%# Eval("Title")%> 
        
                            <br /> 
        
                            <%# GetDescription(Eval("Description").ToString())%> 
        
                            <br /> 
        
                            <%#Eval("Price") %> 
        
                            <br /> 
        
                            <br /> 
        
                            <br /> 
        
                            <br /> 
        
                            <asp:Button ID="btnReadmore" runat="server" Text="view details" OnClick="btnReadmore_Click" /> 
        
                        </asp:Panel> 
        
                    </ItemTemplate> 
        
                </MasterTableView> 
        
                <GroupingSettings CaseSensitive="False" /> 
        
                <HeaderContextMenu EnableAutoScroll="True"> 
        
                </HeaderContextMenu> 
        
                <PagerStyle Mode="NextPrev" /> 
        
            </telerik:RadGrid> 

            And  

            protected void btnReadmore_Click(object sender, EventArgs e)

                {

                        ??? Code get Datakey Values

                }

Grid

answered on 04 May 2010

2 answers

107 views

[Solved] Retrive The new Edited Values

    
            protected void RadGrid1_UpdateCommand(object source, GridCommandEventArgs e) 
        
                    { 
        
                        GridEditableItem I = e.Item as GridEditableItem; 
        
                        DataTable s = RadGrid1.DataSource as DataTable; 
        
                        DataRow[] R = s.Select("ID = " + I.OwnerTableView.DataKeyValues[I.ItemIndex]["ID"].ToString()); 
        
                        Hashtable newvalues = new Hashtable(); 
        
                        I.OwnerTableView.ExtractValuesFromItem(newvalues, I); 
        
            }

I'm Trying to update my Form By Code and I'm Using The UpdateCommand Event
Now when I'm Using DataKeyValue Method Its Return the old Values not the new values which is add by the user
So how can I get the New Value .
Note: I'm using Inplace Edit in my Grid.

Grid

answered on 04 May 2010

0 answers

91 views

Control for : Executing Stored Procedures

I have a stored procedure that builds a SQL Server table and is dependent on two (2) RadDatePicker.selected values. What is the cleanest way of executing this stored procedure (which returns nothing) - I've tried ORM GetSQLQuery method without success by including it as an ONCLICKCLIENT event on just a normal button. I wish there was a RADButton control that would be robust enough to do this seamlessly.... Could some kind souls give me an example of how this can be achieved ?? Thankz

General Discussions

asked on 04 May 2010

2 answers

192 views

Issue with Insert linkbutton in User Control edit form when clicked repeatedly

Hello all!

I am using a RadGrid with a custom User Control as both the insert and edit form. Within the User Control, I've defined two linkbuttons (for insert/update and for cancel) as follows:

    
                        <asp:LinkButton ID="lkbUpdate" ValidationGroup="LocDetail"  
        
                            Text='<%# (Container is GridEditFormInsertItem) ? "Insert" : "Update" %>' 
        
                            runat="server" OnClientClick="Insert_Click();" 
        
                            CommandName='<%# (Container is GridEditFormInsertItem) ? "PerformInsert" : "Update" %>'> 
        
                        </asp:LinkButton>&nbsp; 
        
                        <asp:LinkButton ID="lkbCancel" Text="Cancel" runat="server" CausesValidation="False" 
        
                            CommandName="Cancel"> 
        
                        </asp:LinkButton>

The actual insert (or update) logic is performed in the grid's OnInsertCommand and OnUpdateCommand handlers. In this particular scenario, when the user performs the insert action, a number of things are going on behind the scenes (including some calculations that take a couple of seconds to complete). During this time, the User Control form stays visible to the user. I've added a Javascript function to the click event on the linkbutton in which I am displaying an hourglass cursor while the progress completes.

The problem I'm experiencing is that the users are impatient, and are ignoring the wait cursor and repeatedly clicking on the Insert/Update link button while the popup is visible. This is resulting in multiple, identical rows being added to the grid. Indeed, you can see this behavior in the Telerik example of a User Control edit form at this page here - enter new data in the edit form and click on the Insert button repeatedly. The row will be entered multiple times.

I haven't found a way to effectively disable the link button upon the click event without breaking other RadGrid behavior. For example, within the Javascript click() handler, I've tried both disabling the button as well as clearing the href attribute; both actions prevent the RadGrid from successfully closing the popup once the insert is done.

Has anyone encountered this issue and, if so, have a workaround?

Grid

answered on 04 May 2010

2 answers

175 views

[Solved] Datasource from WebService List

Hi,

i have a radgrid with nestedview, the radgrid datasource it's a webservice method that return a class that contain a list

i set the databoundcolumn datafield with object in class and the field in the nestedview with the object in the list,

column receive value nested not

Sorry for my english

post the code:

WEBSERVICE

    
            PricesList head = new PricesList();
 
                                head.ValidityDate = item.lisdata;
 
                                head.Company = item.lissoc;
 
                                head.ProductID = item.listart;
 
                                head.ProductDescription = GetProductDescription(item.listart);
 
                                head.ProductDraw = GetProductDraw(item.listart);
 
                                head.CustomerID = item.listcli;
 
                                head.ListType = item.listip;
 
                                head.Details = new List<PricesListDetail>();
 
                                IQueryable<LISTINO_DET> details = from det in context.LISTINO_DET
 
                                                                  where det.lisdata == item.lisdata && det.lissoc == item.lissoc && det.listart == item.listart && det.listcli == item.listcli && det.listip == item.listip
 
                                                                  orderby det.listriga
 
                                                                  select det;
 
                                foreach (LISTINO_DET item_det in details)
 
                                {
 
                                    PricesListDetail detail = new PricesListDetail();
 
                                    detail.Row = item_det.listriga;
 
                                    detail.Price = item_det.lispre;
 
                                    detail.ChangedPrice = item_det.lisfed;
 
                                    detail.Discount1 = item_det.liscon1;
 
                                    detail.Discount2 = item_det.liscon2;
 
                                    detail.Discount3 = item_det.liscon3;
 
                                    head.Details.Add(detail);
 
                                }
 
                                retValue.Add(head);

ASPX

    
            <telerik:RadGrid ID="rgPriceList" runat="server" AutoGenerateColumns="False"
 
                    AllowSorting="True"  GridLines="None" ShowGroupPanel="True"  
 
                    AllowPaging="true" PageSize="10" 
 
                    ondatabound="rgPriceList_DataBound" Skin="Hay" 
 
                    onpageindexchanged="rgPriceList_PageIndexChanged" 
 
                    onpagesizechanged="rgPriceList_PageSizeChanged">
 
                    <MasterTableView AllowMultiColumnSorting="True"
 
                        GroupLoadMode="Server">
 
                        <Columns>
 
                            <telerik:GridBoundColumn DataField="ProductID" HeaderText="Codice" UniqueName="colCodice">
 
                            </telerik:GridBoundColumn>
 
                            <telerik:GridBoundColumn DataField="ProductDescription" HeaderText="Articolo" UniqueName="colArticolo" >
 
                            </telerik:GridBoundColumn>
 
                            <telerik:GridBoundColumn DataField="ProductDraw" HeaderText="Disegno" UniqueName="colDisegno">
 
                            </telerik:GridBoundColumn>
 
                        </Columns>
 
                        <NestedViewSettings>
 
                            <ParentTableRelation>
 
                                <telerik:GridRelationFields />
 
                            </ParentTableRelation>
 
                        </NestedViewSettings>
 
                        <NestedViewTemplate>
 
                            <asp:Panel ID="NestedViewPanel" runat="server" CssClass="viewWrap" >
 
                                <div class="contactWrap">
 
                                    <fieldset style="padding: 10px;">
 
                                        <legend style="padding: 5px;"><b>Dettagli listino:&nbsp; &nbsp;<%#Eval("Details.priceField")%></b></legend>
 
                                        <table>
 
                                            <tbody>
 
                                                <tr>
 
                                                    <td>
 
                                                        <table>
 
                                                            <tbody>
 
                                                                <tr>
 
                                                                    <td>
 
                                                                        Prezzo:
 
                                                                    </td>
 
                                                                    <td>
 
                                                                        <asp:Label ID="lblPrice" Text='<%#Eval("Price")%>' runat="server"></asp:Label>
 
                                                                    </td>
 
                                                                </tr>
 
                                                                <tr>
 
                                                                    <td>
 
                                                                        Prezzo rivisto:
 
                                                                    </td>
 
                                                                    <td>
 
                                                                        <asp:Label ID="Label1" Text='<%#Eval("ChangedPrice") %>' runat="server"></asp:Label>
 
                                                                    </td>
 
                                                                </tr>
 
                                                                <tr>
 
                                                                    <td>
 
                                                                        Sconto:
 
                                                                    </td>
 
                                                                    <td>
 
                                                                        <asp:Label ID="Label4" Text='<%#Eval("Discount1") %>' runat="server"></asp:Label>
 
                                                                    </td>
 
                                                                </tr>
 
                                                        </table>
 
                                                    </td>
 
                                                    <td>
 
                                                    </td>
 
                                                </tr>
 
                                            </tbody>
 
                                        </table>
 
                                    </fieldset>
 
                                </div>
 
                            </asp:Panel>
 
                        </NestedViewTemplate>
 
                        </MasterTableView>
 
                        </telerik:RadGrid>

CS

    
                       it.ufp.ws.Vulpes_WS ws = new it.ufp.ws.ulpes_WS();
 
                        rgPriceList.DataSource = ws.GetCustomerPrices(int.Parse(Session["customer_id"].ToString()));

Grid

answered on 04 May 2010

2 answers

134 views

Use UserControl Editor as Viewer

Is it possible to use a UserControl I have set up as a editor as a detail viewer as well? I know I can accomplish this same thing using a NestedViewTemplate but it seems like it would make more sense to simply add a third mode to my editor which already does Insert and Update.

Grid

answered on 04 May 2010

2 answers

126 views

Rebind fro javascript

I have a button and a couple of textboxes on a form with two radgrid controls. I fill out the textboxes and click the button. The button calls javascript when clicked. In the handler I call get_masterTableView().rebind(); for each  radgrid. Only the last grid that I call rebind for actually rebinds. The grids both use different LinqDataSources. Each LinqDataSource has the Selecting event wired up which returns a linq result of columns. Why is only one radgrid rebinding?

Each radgrid looks similar to this one. The only difference is the ID, DataSourceID, and name of the OnGridCreated handler.

                <telerik:RadAjaxPanel ID="RadAjaxPanel2" runat="server" Height="100%" Width="100%" LoadingPanelID="RadAjaxLoadingPanel1">
                    <telerik:RadGrid ID="RadGridEnhanced" runat="server" AllowPaging="True"
                            Skin="Office2007" GridLines="None"
                            AutoGenerateColumns="False"
                            AllowAutomaticDeletes="True" ShowFooter="True"
                        DataSourceID="LinqDataSourceEnhancedAdvertising" >
                        <ClientSettings>
                            <selecting allowrowselect="True" />
                            <ClientEvents OnGridCreated="GetGridObjectEnhanced"></ClientEvents>
                        </ClientSettings>
                        <mastertableview datakeynames="ID" datasourceid="LinqDataSourceEnhancedAdvertising">
                            <Columns>
                                <telerik:GridBoundColumn DataField="PromotionStartDate"
                                    DataFormatString="{0:d}" DataType="System.DateTime" FooterText="Total"
                                    HeaderText="Promotion Start Date" SortExpression="PromotionStartDate"
                                    UniqueName="PromotionStartDate">
                                    <HeaderStyle Width="100px" />
                                </telerik:GridBoundColumn>
                                <telerik:GridBoundColumn DataField="PromotionEndDate" DataFormatString="{0:d}"
                                    DataType="System.DateTime" HeaderText="Promotion End Date"
                                    SortExpression="PromotionEndDate" UniqueName="PromotionEndDate">
                                    <HeaderStyle Width="100px" />
                                </telerik:GridBoundColumn>
                                <telerik:GridBoundColumn Aggregate="Sum" DataField="DiscountValue"
                                    DataFormatString="{0:C}" DataType="System.Double" DefaultInsertValue=""
                                    FooterAggregateFormatString="{0:C}" HeaderText="Discount Value"
                                    SortExpression="DiscountValue" UniqueName="DiscountValue">
                                    <HeaderStyle Width="100px" />
                                </telerik:GridBoundColumn>
                                <telerik:GridBoundColumn DataField="CityRegion" DataType="System.String"
                                    HeaderText="City/Region" SortExpression="CityRegion" UniqueName="CityRegion">
                                    <HeaderStyle Width="100px" />
                                </telerik:GridBoundColumn>
                                <telerik:GridBoundColumn DataField="IndustryType" DataType="System.String"
                                    HeaderText="Industry Type" SortExpression="IndustryType"
                                    UniqueName="IndustryType">
                                    <HeaderStyle Width="100px" />
                                </telerik:GridBoundColumn>
                                <telerik:GridBoundColumn DataField="ID" DataType="System.Int32" Display="False"
                                    HeaderText="ID" ReadOnly="True" SortExpression="ID" UniqueName="ID">
                                </telerik:GridBoundColumn>
                            </Columns>
                        </mastertableview>
                    </telerik:RadGrid>
                </telerik:RadAjaxPanel>

    <asp:LinqDataSource ID="LinqDataSourceEnhancedAdvertising" runat="server"
        AutoPage="False" ContextTypeName="CharityCheck.CharityCheckEntities"
        onselecting="LinqDataSourceEnhancedAdvertising_Selecting"
        TableName="EnhancedBusinessAdvertisingsSet">
    </asp:LinqDataSource>

Grid

answered on 04 May 2010

3 answers

175 views

SelectAll event

Hi,

Does anybody know how I might determine whether the "select all" check box has been pressed? I've worked out that by checking the "select all" checkbox the RowSelected event is fired for all rows in the table but I have no way of telling if the "select all" check box has been checked.

Thanks in advance.

Antony

Grid

answered on 04 May 2010

0 answers

108 views

Ambiguous match found on selected index change on a dropdown

In my project I am using telerik RadComboBox version 2.6.0, RadAjax.Net2.dll version 1.6.0 and ajaxcontroltoolkit version 3.0.20820.31333 and .net 3.5

on my page I have a asp.net drop down control inside a ajax update panel,and the second update panel which contain the AsyncPostBackTrigger attached with the drop down to update the content of the second update panel.
RadComboBox inside the RadAjaxPanel.
when the selectedindex changed of drop down is fired I got the error “sys.WebForms.PageReuestManagerServerErrorException: Ambiguous match found”.

Can you please let me know what is the issue.

General Discussions

asked on 04 May 2010