[FIXED] [2.2] Slider Control in Devexpress DataView

[infotex]

I have a Devexpress dataview control and in its item template I tried including ext.net controls. Everything seems to be working fine except the slider control ( I get a TypeError: value is null javascript error)

Here is part of the code I'm using:

 <dx:ASPxDataView ID="dvProjections" 
                         runat="server" 
                         ColumnCount="3" 
                         EnableCallBacks="False"
                         EnableViewState="True"
                         RowPerPage="3" Width="100%"
                         ClientInstanceName="dvProjections" 
                         style="clear: both;width:940px;padding:5px">
            <ItemStyle BackColor="transparent" Cursor="pointer" >
            <Border BorderWidth="0" />
            <Paddings Padding="0"></Paddings>
            </ItemStyle>

            <ItemTemplate>
.....
 <ext:FormPanel ID="frmProjectionItemInput" 
                                    runat="server"
                                    Title=""
                                    AutoHeight="true"
                                    Border="False"
                                    BodyPadding="0"
                                    BodyStyle="margin:0 0 0 5px">
                      <Defaults>
                          <ext:Parameter Name="LabelSeparator" Value="" Mode="Value"/>
                      </Defaults>
                      <Items>
                      <ext:Slider runat="server" Single="True" Number="60" MaxValue="65"></ext:Slider>
                      <ext:NumberField  runat="server"  FieldLabel="Retirement Age" Number="60" MinValue="55" MaxValue="65">
                          <Listeners>
                              <Change  Handler="PF.Direct.updateProjectionItem_Age(1,this.getValue());"></Change></Listeners>
                      </ext:NumberField>
                      <ext:NumberField runat="server" FieldLabel="Contribution Rate" Number="4" MinValue="3" MaxValue="10"></ext:NumberField>
                   </Items>
                   
                   </ext:FormPanel>
.....
  </ItemTemplate>
</dx:ASPxDataView>

If I remove <ext:Slider runat="server" Single="True" Number="60" MaxValue="65"></ext:Slider> everything works as expected...

Is there a quick fix for this?

[Vladimir]

Is it reproducible with asp:Repeater?

[infotex]

Is it reproducible with asp:Repeater?

Yes Vladimir, I used an asp:repeater and I get the same behavior. Slider control break and others, such as NumberField, work ok.

[Vladimir]

Can you post runable sample?

[infotex]

Can you post runable sample?

I used this for testing

            
 <asp:Repeater runat="server" ID="testRepeater">
                <ItemTemplate>
                    
                    <ext:FormPanel 
                                ID="FormPanel1" 
                                runat="server" 
                                Title="Color Chooser"
                                Width="400"
                                Height="250"
                                ButtonAlign="Left"
                                BodyPadding="10"
                                DefaultAnchor="100%">
                        <Items>
                            <ext:NumberField ID="NumberField1" runat="server" Number="22"></ext:NumberField>
                            <ext:NumberField ID="NumberField2" runat="server" Number="22"></ext:NumberField>
                            <%-- 
                            <ext:Slider
                                runat="server" 
                                Single="false"
                                FieldLabel="Slide1" 
                                Number="255"
                                MaxValue="255">
                            </ext:Slider>
                
                            <ext:Slider
                                runat="server" 
                                Single="false"
                                FieldLabel="Slide2" 
                                Number="255"
                                MaxValue="255">
                            </ext:Slider>
                            --%>
                        </Items>
                    </ext:FormPanel>
                    
                </ItemTemplate>
</asp:Repeater>

CodeBehind:

protected void Page_Load(object sender, EventArgs e)
 {
      if(!Page.IsPostBack)
      {        
            testRepeater.DataSource = new Object[] {"item1", "item2", "item3", "item4"};
            testRepeater.DataBind();
      }
 }

When NumberField is used, i correctly see 4 items listed. If I replace NumberField with Slider, however, I get a js error after the first item is listed

[Vladimir]

I cannot reproduce nothing strange, tested with latest code and i see 4 form panels with four fields inside each
Here is my test case

<%@ Page Language="C#" %>


<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>


<!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 id="Head1" runat="server">
    <title></title>


    <script runat="server">
        protected void Page_Load(object sender, EventArgs e)
        {
            if (!Page.IsPostBack)
            {
                testRepeater.DataSource = new Object[] { "item1", "item2", "item3", "item4" };
                testRepeater.DataBind();
            }
        }
    </script>
</head>
<body>
    <form id="Form1" runat="server">
        <ext:ResourceManager ID="ResourceManager1" runat="server">
        </ext:ResourceManager>


        <asp:Repeater runat="server" ID="testRepeater">
            <ItemTemplate>


                <ext:FormPanel
                    ID="FormPanel1"
                    runat="server"
                    Title="Color Chooser"
                    Width="400"
                    Height="250"
                    ButtonAlign="Left"
                    BodyPadding="10"
                    DefaultAnchor="100%">
                    <Items>
                        <ext:NumberField ID="NumberField1" runat="server" Number="22"></ext:NumberField>
                        <ext:NumberField ID="NumberField2" runat="server" Number="22"></ext:NumberField>


                        <ext:Slider
                            runat="server"
                            Single="false"
                            FieldLabel="Slide1"
                            Number="255"
                            MaxValue="255">
                        </ext:Slider>


                        <ext:Slider
                            runat="server"
                            Single="false"
                            FieldLabel="Slide2"
                            Number="255"
                            MaxValue="255">
                        </ext:Slider>


                    </Items>
                </ext:FormPanel>


            </ItemTemplate>
        </asp:Repeater>
    </form>
</body>
</html>

[infotex]

Vladimir,

I downloaded the latest code from your site and copied your test code. However, I still get the same behavior i.e when I remove the slider controls I get 4 form panels but when I include a slider control execution breaks after 1 form panel.

Can you point me to a right direction as what might be causing this? anything to do with my web.config?

Regards

[infotex]

Everything seems to be working o.k after downloading Ext.Net 2.2.

Thank you