I am using one page of a multi page to display a grid, a label and four text boxes
As you can see from the code above the Grid has five invisible columns. When a row of the grid is selected the data in the invisible columns is displayed in the label and the text boxes. When the data fields only contain a single space "nbsp;" is displayed in the text boxes(see attached screenshot) instead of leaving them blank. Is there an easy way of making sure the text box is displayed as an empty box?
Also is there a style of text box or a way of changing the style sheet so that the label is displayed above the text box rather than on the left hand side?

when i was doing client side paging and changed the page size in the radgrid at runtime, it is throwing error at
var link = item.get_cell(“Project”).getElementsByTagName(“a”)[0]; as
Uncaught TypeError: Cannot set property ‘innerHTML’ of undefined.

I totally have 3 rows to be binded in the grid. If i set pagesize in the aspx as 10 and then change the pagesize at run time to 20 it works.

But if i set the pagesize in aspx as 1 and later change the pagesize in the runtime to 10 it’s not work.

gesize in aspx as 1 and later change the pagesize in the runtime to 10 it’s not work.

aspx:

 

ASPX:

<telerik:RadGrid ID="RadGrid1" Skin="Office2007" runat="server"
   GridLines="None" AllowPaging="true" AllowSorting="true" AutoGenerateColumns="false" PageSize="1">
   <ClientSettings>
       <ClientEvents OnCommand="RadGrid1_Command" OnRowDataBound="OpenSurveys_OnRowDataBound" />
   </ClientSettings>
   <MasterTableView>
     <Columns>
       <telerik:GridBoundColumn DataField="ProjectID"  HeaderText="ProjectID" Visible="False" />
       <telerik:GridBoundColumn DataField="SurveyPriority" HeaderText ="Priority" DataType="System.String"/>
       <telerik:GridHyperLinkColumn DataTextField="SurveyName" DataNavigateUrlFields="SurveyName"
                        UniqueName="Name" HeaderText="Name" ItemStyle-Font-Underline="true" />
       <telerik:GridBoundColumn DataField="SurveyCompletionStatusForPanelist" HeaderText="Completion Status" DataType="System.String" />
       <telerik:GridBoundColumn DataField="SurveyClosingDate" HeaderText="Due Date"  DataFormatString="{0:d}"/>
       <telerik:GridBoundColumn DataField="AdditionalInfo" HeaderText ="Additional Information"  />
     </Columns>
     </MasterTableView>
     <PagerStyle AlwaysVisible="true" />
    </telerik:RadGrid>

CS:

function OpenSurveys_OnRowDataBound(sender, args)
        {   
            console.log("hyperlink");
            // manually set the hyperlink's title
            var item = args.get_item();
            var dataItem = args.get_dataItem();
            var link = item.get_cell("Name").getElementsByTagName("a")[0];   
            console.log("item,dataItem,link",item,dataItem,link);
          
            link.innerHTML = dataItem.SurveyName;
            link.href = dataItem.SurveyURL;
           
        }

 

function pageLoad(sender, args)
    {
      document.getElementById("<%=RadGrid1.ClientID%>").style.display="block";
      document.getElementById("<%=RadGrid2.ClientID%>").style.display="none"; 
      OpenSurveysTableView = $find("<%= RadGrid1.ClientID %>").get_masterTableView();
      $find("<%= RadAjaxLoadingPanel1.ClientID %>").show("<%= RadGrid1.ClientID %>");
      commandName = "Load";
      executeMethod("/WebServices/SurveyDetails.asmx", "OpenSurveys", getOpenSurveysRequestData(OpenSurveysTableView), updateOpenSurveyGrid, updateFailed);
    }
    function RadGrid1_Command(sender, args)
    {
      console.log("RadGrid1_Command");     
      args.set_cancel(true);
      commandName = args.get_commandName();
      console.log("commandName",commandName);
      $find("<%= RadAjaxLoadingPanel1.ClientID %>").show("<%= RadGrid1.ClientID %>");
      executeMethod("/WebServices/SurveyDetails.asmx", "OpenSurveys", getOpenSurveysRequestData(OpenSurveysTableView), updateOpenSurveyGrid, updateFailed);
    }
function updateOpenSurveyGrid(result)
    {
       //alert(result);
     
       $find("<%= RadAjaxLoadingPanel1.ClientID %>").hide("<%= RadGrid1.ClientID %>");
       console.log("updateOpenSurveyGrid", result);
       OpenSurveysTableView.set_dataSource(result);
       OpenSurveysTableView.dataBind();
      
       if (commandName == "PageSize" || commandName == "Load" || commandName == "Page") {
       console.log("paging");
             executeMethod("/WebServices/SurveyDetails.asmx", "GetOpenSurveyCount", "{}", updateOpenSurveyVirtualItemCount);
        }
    }
 function updateOpenSurveyVirtualItemCount(result)
    {
      OpenSurveysTableView.set_virtualItemCount(result);
    }
 function getOpenSurveysRequestData(OpenSurveysTableView)
    {
      console.log("getOpenSurveysRequestData", OpenSurveysTableView)
      var openpageSize = OpenSurveysTableView.get_pageSize();
      var opencurrentPageIndex = OpenSurveysTableView.get_currentPageIndex();
      var openstartIndex = openpageSize * opencurrentPageIndex;
      //console.log("openpageSize,opencurrentPageIndex,openstartIndex,OpenSurveysTableView.get_pageSize()",openpageSize,opencurrentPageIndex,openstartIndex,OpenSurveysTableView.get_pageSize())
      return JSON.stringify({
      "startIndex": openstartIndex,
      "maximumRows": OpenSurveysTableView.get_pageSize(),
      "sortExpression": '',
      "filterExpression": ''
       });
      
    }
 function executeMethod(location, methodName, methodArguments, onSuccess, onFail)
    {
      //console.log("executeMethod", location, methodName, methodArguments, onSuccess, onFail);
      $.ajax({
      type: "POST",
      url: location + "/" + methodName,
      data: methodArguments,
      contentType: "application/json; charset=utf-8",
      dataType: "json",
      success: onSuccess,
      fail: onFail
      });
    }

when i was doing client side paging and changed the page size in the radgrid at runtime, it is throwing error at
var link = item.get_cell(“Project”).getElementsByTagName(“a”)[0]; as
Uncaught TypeError: Cannot set property ‘innerHTML’ of undefined.

I totally have 3 rows to be binded in the grid. If i set pagesize in the aspx as 10 and then change the pagesize at run time to 20 it works.

But if i set the pagesize in aspx as 1 and later change the pagesize in the runtime to 10 it’s not working.
 

ASPX:

<telerik:RadGrid ID="RadGrid1" Skin="Office2007" runat="server"
   GridLines="None" AllowPaging="true" AllowSorting="true" AutoGenerateColumns="false" PageSize="1">
   <ClientSettings>
       <ClientEvents OnCommand="RadGrid1_Command" OnRowDataBound="OpenSurveys_OnRowDataBound" />
   </ClientSettings>
   <MasterTableView>
     <Columns>
       <telerik:GridBoundColumn DataField="ProjectID"  HeaderText="ProjectID" Visible="False" />
       <telerik:GridBoundColumn DataField="SurveyPriority" HeaderText ="Priority" DataType="System.String"/>
       <telerik:GridHyperLinkColumn DataTextField="SurveyName" DataNavigateUrlFields="SurveyName"
                        UniqueName="Name" HeaderText="Name" ItemStyle-Font-Underline="true" />
       <telerik:GridBoundColumn DataField="SurveyCompletionStatusForPanelist" HeaderText="Completion Status" DataType="System.String" />
       <telerik:GridBoundColumn DataField="SurveyClosingDate" HeaderText="Due Date"  DataFormatString="{0:d}"/>
       <telerik:GridBoundColumn DataField="AdditionalInfo" HeaderText ="Additional Information"  />
     </Columns>
     </MasterTableView>
     <PagerStyle AlwaysVisible="true" />
    </telerik:RadGrid>

CS:

function OpenSurveys_OnRowDataBound(sender, args)
        {   
            console.log("hyperlink");
            // manually set the hyperlink's title
            var item = args.get_item();
            var dataItem = args.get_dataItem();
            var link = item.get_cell("Name").getElementsByTagName("a")[0];   
            console.log("item,dataItem,link",item,dataItem,link);
          
            link.innerHTML = dataItem.SurveyName;
            link.href = dataItem.SurveyURL;
           
        }

 

function pageLoad(sender, args)
    {
      document.getElementById("<%=RadGrid1.ClientID%>").style.display="block";
      document.getElementById("<%=RadGrid2.ClientID%>").style.display="none"; 
      OpenSurveysTableView = $find("<%= RadGrid1.ClientID %>").get_masterTableView();
      $find("<%= RadAjaxLoadingPanel1.ClientID %>").show("<%= RadGrid1.ClientID %>");
      commandName = "Load";
      executeMethod("/WebServices/SurveyDetails.asmx", "OpenSurveys", getOpenSurveysRequestData(OpenSurveysTableView), updateOpenSurveyGrid, updateFailed);
    }
    function RadGrid1_Command(sender, args)
    {
      console.log("RadGrid1_Command");     
      args.set_cancel(true);
      commandName = args.get_commandName();
      console.log("commandName",commandName);
      $find("<%= RadAjaxLoadingPanel1.ClientID %>").show("<%= RadGrid1.ClientID %>");
      executeMethod("/WebServices/SurveyDetails.asmx", "OpenSurveys", getOpenSurveysRequestData(OpenSurveysTableView), updateOpenSurveyGrid, updateFailed);
    }
function updateOpenSurveyGrid(result)
    {
       //alert(result);
     
       $find("<%= RadAjaxLoadingPanel1.ClientID %>").hide("<%= RadGrid1.ClientID %>");
       console.log("updateOpenSurveyGrid", result);
       OpenSurveysTableView.set_dataSource(result);
       OpenSurveysTableView.dataBind();
      
       if (commandName == "PageSize" || commandName == "Load" || commandName == "Page") {
       console.log("paging");
             executeMethod("/WebServices/SurveyDetails.asmx", "GetOpenSurveyCount", "{}", updateOpenSurveyVirtualItemCount);
        }
    }
 function updateOpenSurveyVirtualItemCount(result)
    {
      OpenSurveysTableView.set_virtualItemCount(result);
    }
 function getOpenSurveysRequestData(OpenSurveysTableView)
    {
      console.log("getOpenSurveysRequestData", OpenSurveysTableView)
      var openpageSize = OpenSurveysTableView.get_pageSize();
      var opencurrentPageIndex = OpenSurveysTableView.get_currentPageIndex();
      var openstartIndex = openpageSize * opencurrentPageIndex;
      //console.log("openpageSize,opencurrentPageIndex,openstartIndex,OpenSurveysTableView.get_pageSize()",openpageSize,opencurrentPageIndex,openstartIndex,OpenSurveysTableView.get_pageSize())
      return JSON.stringify({
      "startIndex": openstartIndex,
      "maximumRows": OpenSurveysTableView.get_pageSize(),
      "sortExpression": '',
      "filterExpression": ''
       });
      
    }
 function executeMethod(location, methodName, methodArguments, onSuccess, onFail)
    {
      //console.log("executeMethod", location, methodName, methodArguments, onSuccess, onFail);
      $.ajax({
      type: "POST",
      url: location + "/" + methodName,
      data: methodArguments,
      contentType: "application/json; charset=utf-8",
      dataType: "json",
      success: onSuccess,
      fail: onFail
      });
    }

I have a grouped grid where user can select the whole group or just some groupmembers. If the whole group is selected, the groupitems shouldn't be displayed. If only one or more groupmembers are selected, the group should be expanded.

So I used this code (simplified):


Now, if the headerItems[...].Expanded is set to true, the group expands, but all items which are added after this assignment are set to style="display:none" and are only visible if I collapse and expand in client.

How can I fix this behavior?

Hi, I have looked quite hard at what you have on line and a working recurrence sample seems to be absent. If I am wrong - wonderful - please point me to it, but otherwise I am trying to just see this work in a dirt simple way. I have this XML

<?xml version="1.0" encoding="utf-8"?>
<Appointments>
  <Appointment>
    <ID>3</ID>
    <Subject>testing 123</Subject>
    <Description>testing</Description>
    <Start>2011-04-23T10:30Z</Start>
    <End>2011-04-23T11:30Z</End>
    <RecurrenceRule><![CDATA[DTSTART:20110423T103000Z
DTEND:20110423T113000Z
RRULE:FREQ=WEEKLY;UNTIL=20120424T000000Z;INTERVAL=52;BYDAY=TU
]]></RecurrenceRule>
  </Appointment>
</Appointments>

I am attaching to this as follows

Protected Overrides Sub OnInit(ByVal e As EventArgs)
        MyBase.OnInit(e)
        RadScheduler1.Provider = New XmlSchedulerProvider(Server.MapPath("~/App_Data/Appointments.xml"), True)
    End Sub

What I would like to see is anything at all show up in the scheduler. Its not clear from the documentation as to how to make this work. Thanks.

For Version Q1 2011 released 04/13/2011, changing the RadControlExamples Grid/Examples/GeneralFeatures/GridRatingColumn/DefaultVB.aspx grid which contains a GridRatingColumn to autopostback, it only works if precision=Item or not specified.   if half or exact, the autopostbackonfilter is ignored (although double-click causes a postback).

This works fine in the demo if selecting the rating to filter:

This does not postback:

Hi Experts,

I am encountering error. Please see attached snap shot of error.
When I create any appointment via advance insert form it shows me error. When I add appointment from basic insert form it does not show me error, but when I edit any appointment it also gives me same error.
I am unable to add/edit any appointment.

I have master page and radAjaxLoadingPanel, radAjaxPanel placed on my aspx page.
It seems to be a scripting error.....or might be a telerik dll issue that is not referencing properly.

Regards,
Mohsin Jawaid

Hello,

I have a UserControl with different fields and a RadComboBox. I want to reduze the time that the user needs to wait (actually the RadComboBox is populated on server-side and it takes a lot of time).

The content of the RadComboBox is not required immediatly; the user needs to fill some fields before. I want to use a WebService or HttpHandler to fill the RadComboBox asynchronously and make it completly "invisible" for the user.

I found some solutions to load the items using a WebService/WCF but the request is sent only when the user try to display the RadComboBox's content (LoadOnDemand)!

Is there a solution to call the WebService automatically after the page load without an interaction of the user?

Thank you for your help.

Hello,
I have a SharePoint Server 2010 site which use the rad menu control. The problem I'm facing is that this controls are disturbing inline editing OOTB fuctionality. Within any custom list, if you group the elemments by any field and inline editing is enabled in the view, when you try to expand the group, items don't get displayed. That's a strange behavior. You can overcome this problem showing groups expanded by default, by this is not what I need.

Thanks in advance.
F.

Hello,

I am trying to apply a filter on initial load but continue to get an error. I have followed this example http://www.telerik.com/help/aspnet-ajax/grdapplyingdefaultfilteroninitialload.html which seems pretty simple but I get an error: "Expression expected",.. "Exception Details: System.Web.Query.Dynamic.ParseException: Expression expected". Any help would be great.

Thanks