Questions on UI for ASP.NET AJAX Forum

1 answer

235 views

Hi,
I'd like to create a toogle checkbox Filter for RadGrid this would hide/show rows based on one column contents = Achieved or not.
how would i go about doing this with a RadGrid ?

Grid

answered on 11 Mar 2014

1 answer

128 views

RadTextBox Text Moves hides on button click

I have a radtextbox whose width is 200px and a radbutton ,and an radwindow popup opens on that button but at that time the text in radtextbox hides , i dont want this to happen

Here are the 2 screenshots before and after button click

Ajax

answered on 11 Mar 2014

3 answers

378 views

Get Value from Command Arg(ON Item Databound)

Hi,

I was the ToolTip Manager and trying to get the ID from the link button through the command argument but am having difficulty with it.

Below is my code.

----Tool Tip--------

<

telerik:RadToolTipManager ID="ttManager" runat="server" HideEvent="ManualClose" Width="250" Height="250" EnableShadow="true" OnAjaxUpdate="ttManager_AjaxUpdate" RelativeTo="Element">

</telerik:RadToolTipManager>

------Grid Link Btn-----

</telerik:GridTemplateColumn>

Chad-

<telerik:GridTemplateColumn HeaderText="NOTES" UniqueName="NoteID">

<asp:LinkButton ID="lnkNote" runat="server" CommandArgument='<%#Bind("intRSPID")%>' CommandName="Notes">Notes</asp:LinkButton>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn DataField="strRSPSiteLocation" HeaderText="RSP SITE" />

<

telerik

:

GridBoundColumn

DataField

="strUIC"

HeaderText

="UIC"

/>

------Code Behind--------

Protected Sub ttManager_AjaxUpdate(ByVal sender As Object, ByVal args As ToolTipUpdateEventArgs)

Me.UpdateToolTip(args.Value, args.UpdatePanel)

End Sub

Private Sub UpdateToolTip(ByVal elementID As String, ByVal panel As UpdatePanel)

Dim ctrl As Control = Page.LoadControl("~/Notes.ascx")

panel.ContentTemplateContainer.Controls.Add(ctrl)

'Dim details As ProductDetails = DirectCast(ctrl, ProductDetails)

panel.ContentTemplateContainer.Controls.Add(ctrl)

End Sub

Protected Sub myRadGrid_ItemDataBound(sender As Object, e As GridItemEventArgs) Handles myRadGrid.ItemDataBound

If e.Item.ItemType = GridItemType.Item OrElse e.Item.ItemType = GridItemType.AlternatingItem Then

Dim RSPID As Integer = e.Item.OwnerTableView.DataKeyValues(e.Item.ItemIndex)("intRSPID")

Dim target As Control = e.Item.FindControl("lnkNote")

Session(

"NotesID") = RSPID

Dim ctrl As Control = Page.LoadControl("~/Notes.ascx")

ctrl.ID = target.ID

If Not [Object].Equals(target, Nothing) Then

If Not [Object].Equals(Me.ttManager, Nothing) Then

'Add the button (target) id to the tooltip manager

Me.ttManager.TargetControls.Add(target.ClientID, (TryCast(e.Item, GridDataItem)).GetDataKeyValue("intRSPID").ToString(), True)

End If

End Sub

Thanks

ToolTip

answered on 11 Mar 2014

7 answers

634 views

[Solved] show/hide radbutton as per the value entered on radtextbox

1. i have one radtextbox and radbutton. i want to make this radbutton visible when people start typing. if there is no values in the radtextbox radbutton should be hidden. so when started entering the letters radbutton should be visible and when they delete or backspace completely then radbutton should be hidden?
i tried so many ways to achieve this task from client side.

what is the java script code for this one. it should support all browsers. i tried onkeypress. but didnt get the result i want.

2. i want when user remove selected files from radasyncupload then radbutton should be hidden. when they start selecting files to upload then radbutton should b visible.
when i selected removeselectedfiles option, button become hidden immedieately remove just one file itself. hwo to check the number of files selected in radasyncupload from client side ?

3. is there any textboxlist control in telerik for email text field? i want like to see as iphone, facebook and all. how to do that?

Input

answered on 11 Mar 2014

1 answer

124 views

Filter Grid Checkbox select issue

Team,

I am having one major issue i radgrid.

In grid i m selecting 2 rows and now filter with some values then i am select 3 rows. Now i need to click on add button which is outside of grid. But in result grid only 3 rows will be added. Expected result grid should be add all selected rows i.e. 5 rows.

Please help urgent.

Grid

answered on 11 Mar 2014

4 answers

359 views

RadGrid and Multi Column Headers

I've already looked at:
http://www.telerik.com/help/aspnet-ajax/grid-appearance-customize-gridtemplatecolumn.html

Which used a template for the header and data sections. To my eyes its a really crude solution, and doesn't look very good.

Is there a better way to do this that reflects a polished product?

Thanks

Grid

answered on 11 Mar 2014

3 answers

207 views

ASP label control disappears

I have this aspx:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="test.aspx.cs" Inherits="SPAC.Web.Paginas.test" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

</head>

<body>

<form id="form1" runat="server">

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">

<Scripts>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js">

</asp:ScriptReference>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js">

</asp:ScriptReference>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js">

</asp:ScriptReference>

</Scripts>

</telerik:RadScriptManager>

<telerik:RadAjaxManager runat="server">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="btn">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="lbl" UpdatePanelCssClass="" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<div>

<telerik:RadAjaxPanel runat="server" HorizontalAlign="NotSet" ID="pnl">

<asp:Button runat="server" Text="test" ID="btn" OnClick="btn_OnClick"/>

<asp:Label runat="server" Text="test" ID="lbl"></asp:Label>

</telerik:RadAjaxPanel>

</div>

</form>

</body>

</html>

And my code behind is like:

protected void btn_OnClick(object sender, EventArgs e)

{

lbl.Text = "nada";

}

When I click on the button, the label "lbl" disappears (it should change the text of the label). Should I use two panels? or how can I ajaxify the asp controls?

Thanks in advance

Ajax

answered on 11 Mar 2014

0 answers

188 views

rgheader css class missing from th

Hopefully this is a simple issue/rookie mistake. We have a RadGrid where our header row is not showing at all. I don't know why, but it appears that the css class "rgHeader" is not attached to the th. Any thoughts on how to fix this or where to even start troubleshooting? We have this code working as part of a larger project on other machines (where the header correctly gets the rgheader class). We can't rule out that it's a machine issue or that something is missing that was included in the larger project. Image of missing header row attached (note we purposefully loaded two empty rows of data, so we know all the data is loading correctly) as well as grid definition and rendered html.

Grid:

<telerik:RadGrid ID="AXXRadGrid" runat="server" GridLines="None" AllowAutomaticUpdates="True"

OnItemCommand="AXXRadGrid_ItemCommand" OnItemDataBound="AXXRadGrid_ItemDataBound"

AutoGenerateColumns="false" OnSortCommand="AXXRadGrid_SortCommand" AllowMultiRowSelection="true"

OnItemCreated="AXXRadGrid_ItemCreated" DataSourceID="RequestMasterDataSource"

OnHTMLExporting="AXXRadGrid_HTMLExporting" OnExportCellFormatting="AXXRadGrid_ExcelExportCellFormatting">

<ExportSettings HideStructureColumns="true" />

<MasterTableView TableLayout="Auto" RetrieveDataTypeFromFirstItem="true" CommandItemDisplay="Top">

<CommandItemSettings ShowExportToExcelButton="false" ShowAddNewRecordButton="false"

ShowRefreshButton="false" />

</MasterTableView>

<ClientSettings>

<Selecting AllowRowSelect="True"></Selecting>

<Scrolling AllowScroll="false"></Scrolling>

<Resizing ResizeGridOnColumnResize="True" AllowRowResize="True" AllowColumnResize="True" />

<ClientMessages DragToGroupOrReorder="Drag to group" />

</ClientSettings>

<HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Default">

</HeaderContextMenu>

</telerik:RadGrid>

Rendering:

<table class="rgMasterTable" border="0" id="ctl00_m_g_b8cf9c0d_003b_4572_a197_c425836f7d6f_ctl00_AXXRadGrid_ctl00" style="width:100%;table-layout:auto;empty-cells:show;">

<colgroup>

<col style="width:60px">

</colgroup>

<thead>

<tr style="background-color:#EF5D63;display:none;">

<th scope="col"><a title="Click here to sort" href="javascript:__doPostBack('ctl00$m$g_b8cf9c0d_003b_4572_a197_c425836f7d6f$ctl00$AXXRadGrid$ctl00$ctl02$ctl02$ctl00','')">SR Number</a></th><th scope="col"><a title="Click here to sort" href="javascript:__doPostBack('ctl00$m$g_b8cf9c0d_003b_4572_a197_c425836f7d6f$ctl00$AXXRadGrid$ctl00$ctl02$ctl02$ctl01','')">Client Name</a></th><th scope="col"><a title="Click here to sort" href="javascript:__doPostBack('ctl00$m$g_b8cf9c0d_003b_4572_a197_c425836f7d6f$ctl00$AXXRadGrid$ctl00$ctl02$ctl02$ctl02','')">Column 1</a></th><th scope="col"><a title="Click here to sort" href="javascript:__doPostBack('ctl00$m$g_b8cf9c0d_003b_4572_a197_c425836f7d6f$ctl00$AXXRadGrid$ctl00$ctl02$ctl02$ctl03','')">Column 2</a> <input type="button" name="ctl00$m$g_b8cf9c0d_003b_4572_a197_c425836f7d6f$ctl00$AXXRadGrid$ctl00$ctl02$ctl02$ctl04" value=" " onclick="javascript:__doPostBack('ctl00$m$g_b8cf9c0d_003b_4572_a197_c425836f7d6f$ctl00$AXXRadGrid$ctl00$ctl02$ctl02$ctl04','')"></th><th scope="col"><a title="Click here to sort" href="javascript:__doPostBack('ctl00$m$g_b8cf9c0d_003b_4572_a197_c425836f7d6f$ctl00$AXXRadGrid$ctl00$ctl02$ctl02$ctl05','')">Column 3</a></th><th scope="col"><a title="Click here to sort" href="javascript:__doPostBack('ctl00$m$g_b8cf9c0d_003b_4572_a197_c425836f7d6f$ctl00$AXXRadGrid$ctl00$ctl02$ctl02$ctl06','')">Column 4</a></th><th scope="col"><a title="Click here to sort" href="javascript:__doPostBack('ctl00$m$g_b8cf9c0d_003b_4572_a197_c425836f7d6f$ctl00$AXXRadGrid$ctl00$ctl02$ctl02$ctl07','')">Column 5</a></th><th scope="col"><a title="Click here to sort" href="javascript:__doPostBack('ctl00$m$g_b8cf9c0d_003b_4572_a197_c425836f7d6f$ctl00$AXXRadGrid$ctl00$ctl02$ctl02$ctl08','')">Column 6</a></th><th scope="col"><a title="Click here to sort" href="javascript:__doPostBack('ctl00$m$g_b8cf9c0d_003b_4572_a197_c425836f7d6f$ctl00$AXXRadGrid$ctl00$ctl02$ctl02$ctl09','')">Column 7</a></th><th scope="col"><a title="Click here to sort" href="javascript:__doPostBack('ctl00$m$g_b8cf9c0d_003b_4572_a197_c425836f7d6f$ctl00$AXXRadGrid$ctl00$ctl02$ctl02$ctl10','')">Column 8</a></th><th scope="col"><a title="Click here to sort" href="javascript:__doPostBack('ctl00$m$g_b8cf9c0d_003b_4572_a197_c425836f7d6f$ctl00$AXXRadGrid$ctl00$ctl02$ctl02$ctl11','')">Column 9</a></th><th scope="col"><a title="Click here to sort" href="javascript:__doPostBack('ctl00$m$g_b8cf9c0d_003b_4572_a197_c425836f7d6f$ctl00$AXXRadGrid$ctl00$ctl02$ctl02$ctl12','')">Column 10</a></th><th scope="col"><a title="Click here to sort" href="javascript:__doPostBack('ctl00$m$g_b8cf9c0d_003b_4572_a197_c425836f7d6f$ctl00$AXXRadGrid$ctl00$ctl02$ctl02$ctl13','')">Column 11</a></th>

</tr>

</thead><tfoot>

<tr class=" rgPager">

<td colspan="13"><table summary="Data pager which controls on which page is the RadGrid control." border="0" style="width:100%;border-spacing:0;">

<caption>

<span style="display: none">Data pager</span>

</caption><thead>

<tr>

<th scope="col"></th>

</tr>

</thead><tbody>

<tr>

<td class="rgPagerCell NextPrev"><div class="rgWrap rgArrPart1">

Change page: <input type="button" name="ctl00$m$g_b8cf9c0d_003b_4572_a197_c425836f7d6f$ctl00$AXXRadGrid$ctl00$ctl03$ctl01$ctl02" value=" " onclick=

"return false;WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("ctl00$m$g_b8cf9c0d_003b_4572_a197_c425836f7d6f$ctl00$AXXRadGrid$ctl00$ctl03$ctl01$ctl02", "", true, "", "", false, true))"

title="First Page" class="rgPageFirst"> <input type="button" name="ctl00$m$g_b8cf9c0d_003b_4572_a197_c425836f7d6f$ctl00$AXXRadGrid$ctl00$ctl03$ctl01$ctl03" value=" " onclick=

"return false;WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("ctl00$m$g_b8cf9c0d_003b_4572_a197_c425836f7d6f$ctl00$AXXRadGrid$ctl00$ctl03$ctl01$ctl03", "", true, "", "", false, true))"

title="Previous Page" class="rgPagePrev"><input type="button" name="ctl00$m$g_b8cf9c0d_003b_4572_a197_c425836f7d6f$ctl00$AXXRadGrid$ctl00$ctl03$ctl01$ctl04" value=" " onclick=

"return false;WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("ctl00$m$g_b8cf9c0d_003b_4572_a197_c425836f7d6f$ctl00$AXXRadGrid$ctl00$ctl03$ctl01$ctl04", "", true, "", "", false, true))"

title="Next Page" class="rgPageNext"> <input type="button" name="ctl00$m$g_b8cf9c0d_003b_4572_a197_c425836f7d6f$ctl00$AXXRadGrid$ctl00$ctl03$ctl01$ctl05" value=" " onclick=

"return false;WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("ctl00$m$g_b8cf9c0d_003b_4572_a197_c425836f7d6f$ctl00$AXXRadGrid$ctl00$ctl03$ctl01$ctl05", "", true, "", "", false, true))"

title="Last Page" class="rgPageLast">

</div><div class="rgWrap rgInfoPart">

Page <strong>1</strong> of <strong>1</strong>, items <strong>0</strong> to <strong>0</strong> of <strong>0</strong>.

</div></td>

</tr>

</tbody>

</table></td>

</tr>

</tfoot><tbody>

<tr class="rgNoRecords">

<td colspan="13" style="text-align:left;"><div>No records to display.</div></td>

</tr>

</tbody>

</table>

Grid

asked on 10 Mar 2014

2 answers

283 views

ObjectDataSource Automatic operations Insert Query string parm as default value

All Im trying to do is pass a default value to the bound EDICustomerID feild so that when a new code is created via the radgrids 'add new record' it gets the value from the querystring Which holds the EDICustomerID that all codes belong to.
What is the cleanest / best practice way to get the default value to be a value from the querystring?

I tried the following but while it didn't throw an error, it didn't work, either:
ASPX:

<asp:ObjectDataSource ID="ods_EDICustomerCodes" runat="server"

SelectMethod="SelectEDICustomerCode"

InsertMethod="InsertEDICustomerCode"

UpdateMethod="UpdateEDICustomerCode"

DeleteMethod="DeleteEDICustomerCode"

TypeName="App.BLLEDIIntegration.DS.EDICustomerCodeDS"

DataObjectTypeName="App.BLLEDIIntegration.Models.EDICustomerCodeObj">

<SelectParameters>

<asp:QueryStringParameter DefaultValue="0" Name="EDICustomerID"

QueryStringField="EDICustomerID" Type="Int32" />

<asp:Parameter DefaultValue="1" Name="active" Type="Int32" />

</SelectParameters>

</asp:ObjectDataSource>

<telerik:RadGrid ID="RadGrid1" AllowAutomaticDeletes="True" AllowAutomaticInserts="True"

AllowAutomaticUpdates="True" OnItemInserted="ItemInserted" OnItemUpdated="ItemUpdated"

OnItemDeleted="ItemDeleted" OnPreRender="PreRender" OnBatchEditCommand="BatchEdit"

DataSourceID="ods_EDICustomerCodes" runat="server" AutoGenerateColumns="False"

Skin="Windows7" GridLines="Both" AutoGenerateDeleteColumn="True" >

<MasterTableView CommandItemDisplay="TopAndBottom" EditMode="Batch" DataKeyNames="EDICustomerCodeID"

OverrideDataSourceControlSorting="true" DataSourceID="ods_EDICustomerCodes">

<BatchEditingSettings EditType="Row" />

<Columns>

<telerik:GridBoundColumn DataField="EDICustomerCodeID"

HeaderText="EDICustomerCodeID"

UniqueName="EDICustomerCodeID" DataType="System.Int32" Display="false"

ReadOnly="true">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="EDICustomerID" DataType="System.Int32"

HeaderText="EDICustomerID"

UniqueName="EDICustomerID" Display="False" DefaultInsertValue='<%= Request["EDICustomerID"] %>'>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="EDICustomerCode"

HeaderText="EDICustomerCode"

UniqueName="EDICustomerCode">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Priority" DataType="System.Int32"

HeaderText="Priority"

UniqueName="Priority">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Active" DataType="System.Int32"

Display="False" HeaderText="Active"

UniqueName="Active">

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

objectDataSource(c#):

namespace App.BLLEDIIntegration.DS {

public class EDICustomerCodeDS {

// Select

public List<EDICustomerCodeObj> SelectEDICustomerCode( int EDICustomerID, int active ) {

List<EDICustomerCodeObj> customerCodes = BLLData.RetrieveList<EDICustomerCodeObj>(                                   t

rue, "EDIIntegration!GetEDICustomerCodes",

new BLLParameterList( "@EDICustomerID", EDICustomerID, "@Active", active ) );

return customerCodes;

}

// Insert

public void InsertEDICustomerCode(EDICustomerCodeObj cc){

BLLData.SaveData( true, "EDIIntegration!AddCodeToEDICustomer",

new BLLParameterList( "@EDICustomerID"

, cc.EDICustomerID,

"@EDICustomerCode"

, cc.EDICustomerCode,

"@Priority"

, cc.Priority,

"@Active"

, 1 

          ) );

}

// Update

public void UpdateEDICustomerCode(EDICustomerCodeObj cc) {

BLLData.SaveData(true,"EDIIntegration!UpdateEDICustomerCode",

new BLLParameterList("@EDICustomerCodeID", cc.EDICustomerCodeID,

"@EDICustomerID", cc.EDICustomerID,

"@EDICustomerCode", cc.EDICustomerCode,

"@Priority", cc.Priority,

"@Active", cc.Active

) );

}

// Delete

public void DeleteEDICustomerCode(EDICustomerCodeObj cc) {

BLLData.SaveData( true, "EDIIntegration!DeactivateEDICustomerCode",

new BLLParameterList( "@EDICustomerCodeID", cc.EDICustomerCodeID ) );

}

And finally the object its self:

namespace App.BLLEDIIntegration.Models {

[Serializable]

public partial class EDICustomerCodeObj {

public int EDICustomerCodeID { get; set; }

public int EDICustomerID { get; set; }

public string EDICustomerCode { get; set; }

public int Priority { get; set; }

public int Active { get; set; }

}

Grid

answered on 10 Mar 2014

1 answer

154 views

TreeView OnNodeClick Initial click reloads the page

I have a screen where I have a treeview that loads

foreach (var user in allUsers)
{
var claims = db.AspNetUserClaims.Where(c => c.User_Id == user.Id);
foreach (var claim in claims)
{
if (claim.ClaimType == ClaimTypes.Role)
{
for (int i = 0; i < UserTree.Nodes.Count; i++)
if (claim.ClaimValue == UserTree.Nodes[i].Text)
{
var userNode = new RadTreeNode(user.UserName, user.Id);
UserTree.Nodes[i].Nodes.Add(userNode);
}
}
}
}

This loads fine when I click + for the parent it expands to show the children. This all works the issue is on the NodeClick event. The very first time I click on a node it reloads the page and never runs the NodeClick Event. After this one time event everything works properly. I can expand and contract nodes and when I click on a node it rune the node click properly. It is just the initial node click after the page loads that has this behavior.

TreeView

answered on 10 Mar 2014