I have a grid that has a gridtemplatecolumn for a checkbox. In the header I have a checkbox to select/unselect all.The grid allows pagination and filtering. I run an OnCheckedChanged function on the checkbox in the header. I disable paging, rebind, loop through the records to update my record(s) in the database, enable paging and rebind again. The saving and selecting of each row on the pages works. The problem is that when I enable paging and rebind the grid, the checkbox in the header goes to unselected. The grid/check box no longer knows that the user checked the check box and that all visible rows in the grid are selected so the checkbox should be selected still. This would give the user the option to unselected the header checkbox to unselect all the rows.

My question is how to tell the checkbox in the header, that all the rows that are visible in the grid (due to filtering applied, or pagination on) are selected so select the checkbox in the header to allow the user to unselect. At this point, my grid can show 10 records at a time, the user can filter to the rows they want while still having pagination on. They can select the header checkbox to select all of the rows but have no option to use the header to unselect all the rows.

Below are snippets of the aspx gridtemplate column and the aspx.vb OnCheckedChanged function.

<telerik:GridTemplateColumn UniqueName="CheckBoxTemplateColumn" HeaderText="Selected" AllowFiltering="false">
     <ItemStyle Width="45px" Wrap="false" />  
     <HeaderStyle Width="45px" Wrap="false" />
     <ItemTemplate>
                <asp:CheckBox ID="cbSelectedSearchResults" runat="server" Checked='<%# GetBooleanValue(Eval("Selected")) %>'                               OnCheckedChanged="ToggleRowSelectionSearchResults" AutoPostBack="True" />
      </ItemTemplate>
       <HeaderTemplate>
                <asp:CheckBox Text="" ID="headerChkboxSearchResults" runat="server" OnCheckedChanged="ToggleSelectedStateSearchResults" AutoPostBack="True" />
       </HeaderTemplate>
</telerik:GridTemplateColumn>

    Protected Sub ToggleSelectedStateSearchResults(ByVal sender As Object, ByVal e As EventArgs)
        Dim headerCheckBox As CheckBox = TryCast(sender, CheckBox)
        selectAll = headerCheckBox.Checked
        Dim strSQL As String = ""
        Dim selected As Integer = 0
        Dim ID As Integer = 0
        rgSelections.MasterTableView.AllowPaging = False
        rgSelections.Rebind()
        For Each dataItem As GridDataItem In rgSelections.MasterTableView.Items
            TryCast(dataItem.FindControl("cbSelectedSearchResults"), CheckBox).Checked = headerCheckBox.Checked
            dataItem.Selected = headerCheckBox.Checked

            ID = dataItem.GetDataKeyValue("ID")

            If headerCheckBox.Checked Then
                selected = 1
            End If

            Try
                strSQL = "update bridge.dbo.Tmp_BridgeJobOptions" & ucHeader1.SessionId & " set selected = " & selected & " where id = " & ID
                mobjBridgeDatabase.subExecuteNonQuery(strSQL)
            Catch ex As SqlException
                Throw New Exception(ex.Message & ", SQL: " & strSQL & ",frmBridgeLineCreation.ToggleSelectedStateSearchResults")
            End Try

        Next
        rgSelections.MasterTableView.AllowPaging = True
        rgSelections.Rebind()

        For Each dataItem As GridDataItem In rgSelections.MasterTableView.Items
            TryCast(dataItem.FindControl("cbSelectedSearchResults"), CheckBox).Checked = headerCheckBox.Checked
            dataItem.Selected = headerCheckBox.Checked
        Next

    End Sub

Attached is a picture of my grid right after I checked the checkbox in the header. You can see all my rows are selected, but the header is back to unselected.

1. Close Visual Studio
2. Navigate to the location of the older Telerik assembly
3. Delete it
4. Open Visual Studio - and everything works!

If you don't see a message that shows the path of the problem assembly, try dragging a RadScheduler onto the page to see if that shows the details paths.

Edit - 1/23/2012
This problem seemed to persist in later days, and I finally found a good work around.  In your web.config, you need to change this...

... to this.

Remember to change the version number to the version you have installed in your application.

This works, but it does mean that you will have to manually update the version number if you ever upgrade your application in the future, but at least it will not generate all those errors.

If anyone has a better solution, I would love to hear it.

I hope this helps.

Thanks,

King Wilder

Is the a standard way of setting the default filter in the vb code-behind for a GridDateTimeColumn that has RangeFiltering?  

Following is the aspx code :

 <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" Runat="server" IsSticky="True" EnableSkinTransparency="true" Transparency="40" >
    </telerik:RadAjaxLoadingPanel>

    <telerik:RadAjaxManagerProxy ID="RadAjaxManagerProxy1" runat="server" >
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="Button1">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="TestDiv"/>
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="Button3">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="abcd"/>
                    <telerik:AjaxUpdatedControl ControlID="TestDiv" />
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
    </telerik:RadAjaxManagerProxy>
    <asp:Button ID="Button3" runat="server"  Text="Make Visible" OnClick="Button3_Click" />
    <asp:Button ID="Button4" runat="server"  Text="Make Invisible" OnClick="Button4_Click" />
        <div id="abcd" runat="server" class="col-md-16 text-align-right top-margin-10" >
            <div class="col-md-7">
                &nbsp;
            </div>
            <div class="col-md-9">
                <div class="col-md-5" runat="server" style="display:block; text-align:center; ">
                        <fieldset class="border-for-div">
                            <legend class="caption-for-div">&nbsp;Video streaming&nbsp;</legend>                
                            <video id="video" autoplay="autoplay" width="200" height="120" style="border:solid; border-width:1px;" runat="server"></video>
                        </fieldset>
                </div>
                <div class="col-md-5" runat="server" style="display:block; text-align:center; ">
                        <fieldset class="border-for-div">
                            <legend class="caption-for-div">&nbsp;Take Photo&nbsp;</legend>                
                            <canvas width='160' height='120' style="border:solid; border-width:2px;" > </canvas>
                        </fieldset>
                </div>
                <div class="col-md-5">
                    <img id="Img1" runat="server" style="border:solid; border-width:5px;" width="160" height="120" visible="false" />
                </div>
            </div>
            <br />
            <input type="button" value="start capture" onclick="startCapture()" />
            <input type="button" value="take snapshot" onclick="takePhoto()" />
            <%--<input type="button" value="stop capture" onclick="stopCapture()" />--%>
            <asp:TextBox ID="TextBox1" runat="server" ClientIDMode="Static"></asp:TextBox>
        </div>
    
    <div id="TestDiv" class="col-md-16 text-align-right top-margin-10" runat="server" >
        <asp:textbox ID="textbox5" runat="server" Text="textbox5"></asp:textbox>
    </div>
    <script type="text/javascript">
        var localMediaStream = null;
        var video = document.querySelector('video'); 
        var canvas = document.querySelector('canvas');
 
        function takePhoto() {
            if (localMediaStream) {
                var ctx = canvas.getContext('2d');
                ctx.drawImage(video, 0, 0, 160, 120);
                //document.querySelector('img').src = canvas.toDataURL('image/jpeg');
                var base64 = canvas.toDataURL('image/jpeg');
                document.getElementById('TextBox1').value = base64;
            }
        }
 
        navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia;
        window.URL = window.URL || window.webkitURL;
 
        function startCapture() {
            navigator.getUserMedia({ video: true }, function (stream) {
                video.src = window.URL.createObjectURL(stream);
                localMediaStream = stream;
            }, function (e) {
                console.log(e);
            });
        }
 
        function stopCapture() {
            video.pause();
            localMediaStream.stop();
        }
    </script>

Following is C# code :

protected void Page_Load(object sender, EventArgs e)
        {
            if (!IsPostBack)
            {
                abcd.Attributes["style"] = "Display:Normal;"; //None
                TestDiv.Attributes["style"] = "Display:None;"; //Normal
            }
        }

        protected void Button3_Click(object sender, EventArgs e)
        {
            abcd.Attributes["style"] = "Display:Normal;"; //None
            video.Attributes["style"] = "Display:Normal;"; //None
            TestDiv.Attributes["style"] = "Display:None;"; //Normal

        }

        protected void Button4_Click(object sender, EventArgs e)
        {
            abcd.Attributes["style"] = "Display:None;"; //None
            video.Attributes["style"] = "Display:None;"; //None
            TestDiv.Attributes["style"] = "Display:Normal;"; //Normal

        }

The problem is as follows :

When the page is loaded and I click on Start Capture the video streaming starts. Click on Take Snapshot also puts an image on the canvas.

Now click on the button Make Invisible. This will hide the div in which the video and captured image are displayed and show the div with one textbox.

Now click on the button Make Visible. This will show the div in which the video and captured image are to be displayed and hide the div with one textbox.

The problem starts from here. Now if I press Start Capture button the web camera is started. but the video streaming is not visible.

I tried disabling the compression in my web.config file but still the problem is not resolved.

If I stop using radajaxmanager then every thing works fine.

Can any body help me in resolving this ?

Thanks

Milind

When Use  two Grid in 1 Page There are GridTemplateColumn EditItemTemplate in both grid

EditMode="Batch"  & save by function saveTableChanges

- TemplateColumn not work 

- GridBoundColumn it Work
- ColumnEditor it Work
- 1 Grid on 1 Page GridBoundColumn it Work

Hi all,

After downloading UI for ASP.Net Ajax R3 2016, Telerik Menu disappeared from VS 2013. Only JustCode is showing. Refer to attach.

However Telerik Controls are showing up under VS Tool Boxes.

I need the Telerik Upgrade wizard in VS Menu to upgrade my existing Projects/Reports with Latest Telerik Versions. I am stuck now.

Any Suggestions/Help will be appreciated.

Thanks

gc_0620

I have an AjaxLoadingPanel on my page to prevent users from clicking the submit button more than once. The first submission/postback works perfectly. After the first postback, a second submission causes the page to flash blank like it's refreshing and postback seemingly without AJAX. The child page content is fine, but the masterpage's header and side panel both end up missing the list of tabs and links for navigating the site. Further postbacks exhibit the same behavior and the masterpage doesn't recover until a manual refresh. There are 2 buttons on the page for submission of the form and display of entries. Regardless of which button is pressed or in what order it always happens on the second postback. Hopefully I've just set something up wrong with the LoadingPanel but any insight would be appreciated.

HTML markup below:

C# backend below:

Masterpage markup below: