Questions on UI for ASP.NET AJAX Forum

0 answers

96 views

Custom filtering with RadComboBox

Never mind... :)

Grid

asked on 24 Sep 2010

7 answers

467 views

Generate radtreeview dynamically

How do i generate a radtree view dynamically, i am using a masterpage in the page that i am trying to achieve this, also kindly let me know if i have to make any other changes if i am trying to achieve this if i am doing this in a Usercontrol.

protected void Page_Load(object sender, EventArgs e)

{

if (!IsPostBack)

{

RadTreeView testTree = new RadTreeView();

testTree.ID = "testTree";

RadTreeNode node1 = new RadTreeNode();

node1.Text = "Project";

node1.Expanded = true;

Image img1 = new Image();

img1.ImageUrl = "~/images/top1.gif";

node1.Controls.Add(img1);

RadTreeNode node2 = new RadTreeNode();

node2.Text = "Process";

Label lblprocess = new Label();

lblprocess.Text = "MisTesting";

node2.Controls.Add(lblprocess);

this.Controls.Add(testTree);

}

please let me know if i am going wrong somewhere...

TreeView

answered on 24 Sep 2010

1 answer

87 views

Rad tab strip reorder problem

Hi,
i have a problem to reorder the tabs in radtabstrip.
I tried lots of ways to do the reorder tabs, but i couldn't got the solutions.
below is the rabtabstrip tag
<div runat="server" id="menuDiv">
                                    <telerik:RadAjaxPanel runat="server" ID="RadAjaxPanel1" EnableAJAX="true">
                                        <telerik:RadTabStrip ID="emrTab" runat="server" OnClientTabSelected="tabSelect" Orientation="HorizontalTop"
                                            SelectedIndex="0" ReorderTabsOnSelect="true" Skin="Vista" Width="1000" ClickSelectedTab="true" EnableSubLevelStyles="true">
                                        </telerik:RadTabStrip>
                                    </telerik:RadAjaxPanel>
                                </div>

in this tabstrip i have added 15 tabs.

Thanks and regards
Saravanan

TabStrip

answered on 24 Sep 2010

6 answers

151 views

RadWindow not found on page redirect

Hello:

I have a Website that inherits a .master page. The master page contains a RadWindow and a JavaScript method to show the RadWindow:

<telerik:RadWindow ID="Window1" runat="server" Modal="True" VisibleOnPageLoad="false" EnableShadow="true"

Behaviors="Close" ReloadOnShow="true" AutoSize="false" Height="600" Width="800">

<ContentTemplate>

<asp:UpdatePanel ID="Window1UpdatePanel" runat="server" UpdateMode="Always">

<ContentTemplate>

</ContentTemplate>

</asp:UpdatePanel>

</ContentTemplate>

</telerik:RadWindow>

function OpenModalWindow() {

var oWnd = null;

oWnd = $find("<%=Window1.ClientID%>"); }

oWnd.Show();

}

One of my user controls does a response.redirect and loads a user control dynamically. The user controls Load event executes the JavaScript code from server side, which is supposed to show the window. It throws an error saying that oWnd is null (granted the JavaScript code and the modal are on the same master page). If I do a document.getElementById it returns an actual result (but tells me that .Show is an invalid method). So the object seems to exist. I know it's a shot in the dark but does anyone have any suggestions? On controls where the page is NOT redirecting it seems to work fine...thanks!

Window

answered on 24 Sep 2010

4 answers

58 views

External WCF with LoadonDemand

I have a WCF service internal to my Solution and is a Service Reference to the Client, so my Question is how do I set the Path on the Websettings and the Method for my Combobox?

ComboBox

answered on 24 Sep 2010

1 answer

90 views

Not able to use mouse to select from combo

I am using the RadXmlHttpPanel to load a dropdown based on teh value of other dropdown. Below is my case.

I have a state comobo. when user select a value then the county dropdown should list the counties for that state. Both State and County is coming from the DB.

I have the county dropdown in the RadXmlHttpPanel.
My problem is. When the choose the state dropdown for the first time I am seeing the counties populated correctly and I am able to choose from the county list.
But then when I try to change the state then I am not able to do with the mouse. The list of state show in the dropdown but not able to choose from the list. But I am able to use the key board and select and the county dropdown populates accordingly.

Here is the code I am using.

<telerik:RadComboBox ID="cmbState" runat="server" Width="50px"

OnClientSelectedIndexChanged="ComboChanged">

</telerik:RadComboBox>

<telerik:RadXmlHttpPanel ID="CountyXmlHttpPanel" runat="server"

OnServiceRequest="CountyXmlHttpPanel_ServiceRequest" EnableClientScriptEvaluation ="true">

<telerik:RadComboBox ID="cmbCounty" runat="server"

Width="100px" DropDownWidth="250px" >

</telerik:RadComboBox>

</telerik:RadXmlHttpPanel>

function ComboChanged(sender, args) {

var foundPanel = $find("<%=CountyXmlHttpPanel.ClientID %>");

var stateCombo = $find("<%= cmbState.ClientID %>");

var stateVal = stateCombo.get_value();

foundPanel.set_value(stateVal);

}

protected void CountyXmlHttpPanel_ServiceRequest(object sender, Telerik.Web.UI.RadXmlHttpPanelEventArgs e)

{

//Bind county here

}

Thanks

XmlHttpPanel

answered on 24 Sep 2010

1 answer

101 views

Template based on value

Hi, Is it possible to assign different templates to different nodes based on the value of a database field? I am binding the treeview to the results of a stored procedure.

Thanks in advance!

TreeView

answered on 24 Sep 2010

4 answers

522 views

find textbox control in edititemtemplate inside detail table

Hi Everyone,

I am really stuck on how to find a text box control in edit item template after clicking a custom command item inside detail table.

requirement:
- after clicking "Edit" command item in detail table named "Detail2", show the text box "tbVisitSortOrder"

Please check my aspx code below.

<DetailTables>

<rad:GridTableView Name="Detail2" DataKeyNames="cp_id" DataMember="visit" CommandItemDisplay="Top" EditMode="InPlace" Width="100%">

<CommandItemTemplate>

<table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr>

<td style="width:60%">

<div style="padding:3px 4px 3px 4px">

<table border="0" cellpadding="1" cellspacing="1">

<tr style="font: normal 11px tahoma, Verdana, Helvetica, Sans-serif;vertical-align:middle">

<td>

<div class="toolbarIconDivider">|</div>

</td>

<td>

<asp:LinkButton ID="btnAdd" CssClass="mu" onmouseover="this.className='mo'" onmouseout="this.className='mu'" runat="server" CommandName="InitInsert"><img style="border:0px" alt="" src="../images/addemail.gif" /> Add</asp:LinkButton>

<asp:LinkButton ID="lnkPerformInsert" CssClass="mu" onmouseover="this.className='mo'" onmouseout="this.className='mu'" runat="server" CommandName="PerformInsert" Visible="false"><img style="border:0px" alt="" src="../images/save.gif" /> Save</asp:LinkButton>

</td>

<td>

<div class="toolbarIconDivider">|</div>

</td>

<td>

<asp:LinkButton ID="btnEditSelected" CssClass="mu" onmouseover="this.className='mo'" onmouseout="this.className='mu'" runat="server" CommandName="EditSelected" ><img style="border:0px" alt="" src="../images/edit.gif" /> Edit</asp:LinkButton>

<asp:LinkButton ID="btnUpdateEdited" CssClass="mu" onmouseover="this.className='mo'" onmouseout="this.className='mu'" runat="server" CommandName="Update" Visible="false"><img style="border:0px" alt="" src="../images/save.gif" /> Save</asp:LinkButton>

<asp:LinkButton ID="btnCancel" CssClass="mu" onmouseover="this.className='mo'" onmouseout="this.className='mu'" runat="server" CommandName="CancelAll" Visible="false" CausesValidation="false"><img style="border:0px" alt="" src="../images/cancel.gif" /> Cancel</asp:LinkButton>

</td>

<td>

<div class="toolbarIconDivider">|</div>

</td>

<td>

<asp:LinkButton ID="btnDelete" CssClass="mu" onmouseover="this.className='mo'" onmouseout="this.className='mu'" runat="server" CommandName="Delete" OnClientClick="javascript:return confirm('Are you sure you want to delete this Clinical Pathway Instruction?')" ><img style="border:0px" alt="" src="../images/delete.gif" /> Delete</asp:LinkButton>

</td>

</tr>

</table>

</div>

</td>

</tr>

</table>

</CommandItemTemplate>

<DetailTables>

<rad:GridTableView Name="Detail3" DataKeyNames="cpi_id" DataMember="instruction" CommandItemDisplay="Top" EditMode="InPlace" Width="100%">

<CommandItemTemplate>

<table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr>

<td style="width:60%">

<div style="padding:3px 4px 3px 4px">

<table border="0" cellpadding="1" cellspacing="1">

<tr style="font: normal 11px tahoma, Verdana, Helvetica, Sans-serif;vertical-align:middle">

<td>

<div class="toolbarIconDivider">|</div>

</td>

<td>

<asp:LinkButton ID="btnAdd" CssClass="mu" onmouseover="this.className='mo'" onmouseout="this.className='mu'" runat="server" CommandName="InitInsert" ><img style="border:0px" alt="" src="../images/addemail.gif" /> Add</asp:LinkButton>

<asp:LinkButton ID="lnkPerformInsert" CssClass="mu" onmouseover="this.className='mo'" onmouseout="this.className='mu'" runat="server" CommandName="PerformInsert" Visible="false"><img style="border:0px" alt="" src="../images/save.gif" /> Save</asp:LinkButton>

</td>

<td>

<div class="toolbarIconDivider">|</div>

</td>

<td>

<asp:LinkButton ID="btnEditSelected" CssClass="mu" onmouseover="this.className='mo'" onmouseout="this.className='mu'" runat="server" CommandName="EditSelected" ><img style="border:0px" alt="" src="../images/edit.gif" /> Edit</asp:LinkButton>

<asp:LinkButton ID="btnUpdateEdited" CssClass="mu" onmouseover="this.className='mo'" onmouseout="this.className='mu'" runat="server" CommandName="Update" Visible="false"><img style="border:0px" alt="" src="../images/save.gif" /> Save</asp:LinkButton>

<asp:LinkButton ID="btnCancel" CssClass="mu" onmouseover="this.className='mo'" onmouseout="this.className='mu'" runat="server" CommandName="CancelAll" Visible="false" CausesValidation="false"><img style="border:0px" alt="" src="../images/cancel.gif" /> Cancel</asp:LinkButton>

</td>

<td>

<div class="toolbarIconDivider">|</div>

</td>

<td>

<asp:LinkButton ID="btnDelete" CssClass="mu" onmouseover="this.className='mo'" onmouseout="this.className='mu'" runat="server" CommandName="Delete" OnClientClick="javascript:return confirm('Are you sure you want to delete this Clinical Pathway Instruction?')" ><img style="border:0px" alt="" src="../images/delete.gif" /> Delete</asp:LinkButton>

</td>

</tr>

</table>

</div>

</td>

</tr>

</table>

</CommandItemTemplate>

<Columns>

<rad:GridBoundColumn DataField="cpi_id" HeaderText="CPI_ID" UniqueName="CPI_ID" Visible="false"></rad:GridBoundColumn>

<rad:GridBoundColumn DataField="instructions" HeaderText="instructions" UniqueName="instructions" Visible="false"></rad:GridBoundColumn>

<rad:GridTemplateColumn HeaderText="Instructions" UniqueName="instructions" DataField="instructions">

<ItemTemplate>

<%# DataBinder.Eval(Container.DataItem, "instructions")%>

</ItemTemplate>

<EditItemTemplate>

<asp:TextBox ID="tbIns" runat="server" Text='<%# Bind( "instructions") %>' width="100%" TabIndex="1" TextMode="MultiLine" Rows="4"></asp:TextBox>

<asp:RequiredFieldValidator ID="descValidator" Runat="server" Display="Dynamic" ControlToValidate="tbIns" ErrorMessage="* Required Field">

</asp:RequiredFieldValidator>

</EditItemTemplate>

<HeaderStyle Width="90%" />

</rad:GridTemplateColumn>

<rad:GridTemplateColumn HeaderText="Sort Order" UniqueName="sortorder" DataField="sortorder">

<ItemTemplate>

<%# DataBinder.Eval(Container.DataItem, "sortorder")%>

</ItemTemplate>

<EditItemTemplate>

<asp:TextBox ID="tbSortOrder" runat="server" Text='<%# Bind( "sortorder") %>' width="30px" TabIndex="2"></asp:TextBox>

<asp:RequiredFieldValidator ID="descValidator2" Runat="server" Display="Dynamic" ControlToValidate="tbSortOrder" ErrorMessage="* Required Field">

</asp:RequiredFieldValidator>

<asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" Display="Dynamic" ControlToValidate="tbSortOrder" ErrorMessage="Please enter a valid sort order number." ValidationExpression="^\d+$"></asp:RegularExpressionValidator>

</EditItemTemplate>

</rad:GridTemplateColumn>

</Columns>

</rad:GridTableView>

</DetailTables>

<Columns>

<rad:GridBoundColumn DataField="cp_id" HeaderText="CP_ID" UniqueName="CP_ID" Visible="false"></rad:GridBoundColumn>

<rad:GridBoundColumn DataField="VisitFrequency" HeaderText="VisitFrequency" UniqueName="VisitFrequency" Visible="false"></rad:GridBoundColumn>

<rad:GridClientSelectColumn UniqueName="ClientSelectColumnDetail1"></rad:GridClientSelectColumn>

<rad:GridTemplateColumn HeaderText="Visit Frequency" UniqueName="VisitFrequency" DataField="VisitFrequency">

<ItemTemplate>

<%# DataBinder.Eval(Container.DataItem, "VisitFrequency")%>

</ItemTemplate>

<EditItemTemplate>

<asp:TextBox ID="tbVisit" runat="server" Text='<%# Bind( "VisitFrequency") %>' width="100%" TabIndex="1" ></asp:TextBox>

<asp:RequiredFieldValidator ID="descValidator" Runat="server" Display="Dynamic" ControlToValidate="tbVisit" ErrorMessage="* Required Field">

</asp:RequiredFieldValidator>

</EditItemTemplate>

<HeaderStyle Width="80%" />

</rad:GridTemplateColumn>

<rad:GridTemplateColumn HeaderText="Sort Order" UniqueName="Sortorder" DataField="Sortorder">

<ItemTemplate>

<%# DataBinder.Eval(Container.DataItem, "Sortorder")%>

</ItemTemplate>

<EditItemTemplate>

<asp:TextBox ID="tbVisitSortOrder" runat="server" Text='<%# Bind( "Sortorder") %>' width="30px" TabIndex="2" Visible="false"></asp:TextBox>

<asp:RequiredFieldValidator ID="descValidator2" Runat="server" Display="Dynamic" ControlToValidate="tbVisitSortOrder" ErrorMessage="* Required Field" >

</asp:RequiredFieldValidator>

<asp:RegularExpressionValidator ID="RegularExpressionValidator2" runat="server" Display="Dynamic" ControlToValidate="tbVisitSortOrder" ErrorMessage="Please enter a valid sort order number." ValidationExpression="^\d+$"></asp:RegularExpressionValidator>

</EditItemTemplate>

</rad:GridTemplateColumn>

</Columns>

</rad:GridTableView>

</DetailTables>

server side code:

an error will occur "Unable to cast object of type 'Telerik.WebControls.GridCommandItem' to type 'Telerik.WebControls.GridDataItem'." in this line, GridDataItem item = (GridDataItem)e.Item;

protected void MasterGrid_ItemCreated(object sender, GridItemEventArgs e)

{

if (e.Item.OwnerTableView.Name == "Detail2" && CommandState == "editselected")

{

GridDataItem item = (GridDataItem)e.Item;

TextBox txtBox = (TextBox)item["Sortorder"].FindControl("tbVisitSortOrder");

txtBox.Visible = true;

}

Please help, any response would really be appreciated.

Thanks!
Lyzel

Grid

answered on 24 Sep 2010

16 answers

250 views

Help with Ajax enabling a RadGrid

I am attempting to update the RadGrid using a Ajax. I am using a non-Telerik control to trigger the update. I get the following error.

Script control 'RadGrid1' is not a registered script control. Script controls must be registered using RegisterScriptControl() before calling RegisterScriptDescriptors().
Parameter name: scriptControl

I'm a newbie to Ajax. Am I missing something beside placing a scriptmanager on the page along with the RadGrid?

Thanks

Ajax

answered on 24 Sep 2010

3 answers

133 views

Creating Grid on the page OnInit handler

Hi,

I am creating a grid programmatically on the OnInit handler so that my template columns are captured in the ViewState. I am also trying to incorporate 'google-like' filtering, so I need to access the OnColumnCreating handler in the codebehind. However, when I try to add a handler to it, I am told that I cannot do it as OnColumnCreating is protected.
My code is as follows, fairly simple:

Protected Sub Page_Init(ByVal s As Object, ByVal e As System.EventArgs) Handles Me.Init

Dim rg As New RadGrid

rg.AutoGenerateColumns = False

rg.GridLines = GridLines.None

rg.AllowPaging = True

rg.AllowSorting = True

rg.AllowFilteringByColumn = True

rg.ShowStatusBar = True

rg.CssClass = "RadGrid"

rg.Skin = "WebBlue"

rg.Width = "880"

rg.GroupingSettings.CaseSensitive = False