Questions on UI for ASP.NET AJAX Forum

2 answers

1.5K+ views

How to determine which button is clicked in a group

We've set up a group of buttons with the toggle type set to radio and the button type set to standard. Basically, one and only one button can be activated at a time. We can't figure out how to determine which button was actually pressed though. When we we cycle through the button controls, there is no setting we can test to see if it's currently the one pressed. We tried to wire up an event but we lose context on postback. How can we do this?

Button

answered on 24 Feb 2021

1 answer

46 views

RadComboBox are going to be the Death of me

I have the following Combobox

<telerik:RadComboBox ID="cbAcctType" runat="server" DataValueField="ACCT_TYPE_ID" DataTextField="acct_code" RenderMode="Classic"

AutoPostBack="True" CausesValidation="False" Width="100%" DropDownWidth="400px" HighlightTemplatedItems="True"

InputCssClass="required_cb" EnableLoadOnDemand="true" AppendDataBoundItems="True">

<ItemTemplate>

<asp:Table runat="server" CellPadding="0" CellSpacing="0" Width="100%" GridLines="None">

<asp:TableRow>

<asp:TableCell Width="30%">

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

</asp:TableCell>

<asp:TableCell Width="70%">

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

</asp:TableCell>

</asp:TableRow>

</asp:Table>

</ItemTemplate>

</telerik:RadComboBox>

and I bind it with the following code:

cbAcctType.DataSource = ds.Tables("AcctType")

cbAcctType.DataBind()

Sometimes the code associated with an account will expire and no longer be available in the available list, but it still exists so I have to individually retrieve it and add it to the combobox list. Here is my code for that process

Dim oItem As New RadComboBoxItem

oItem.DataItem = ds.Tables(0).Rows(0)

oItem.Value = ds.Tables(0).Rows(0).Item("ACCT_TYPE_ID").ToString

oItem.Text = ds.Tables(0).Rows(0).Item("acct_code").ToString

oItem.Selected = True

cbAcctType.Items.Add(oItem)

And that's where the wheels come off. The items is there but only sort of. It will get selected but there is no items in the list. and it usually throws and ASPX page error the <%# DataBinder.Eval(Container.DataItem, "acct_code") %> doesn't exist.

What is the piece of the puzzle that's missing? I have tried it with oItem.DataBind() and that doesn't solve things.

ComboBox

answered on 23 Feb 2021

1 answer

135 views

Remove Row on Export

How do I remove rows on Biff Export? I want them to be visible in the app but removed when exported if a particular column has a null value.

Grid

answered on 23 Feb 2021

1 answer

268 views

Build Help File or Knowledge Base

Looking for advice on how you have used Telerik tools to build help files for web apps without building individual pages. Trying to find a way to build it into a database etc versus just a static hard coded page.

General Discussions

answered on 23 Feb 2021

1 answer

132 views

Load RadComboBox on SelectedIndexChange of Second RadComboBox in EditFormSettings

I am trying to populate a RadComboBox dynamically based on the selected of another RadComboBox in EditFormSettings.

Here is a code snippet of what I'm trying to do:

<telerik:RadGrid RenderMode="Lightweight" ID="rgEmployeeAssignments" Width="100%" AllowFilteringByColumn="True"
OnItemCommand="rgEmployeeAssignments_ItemCommand" AllowSorting="True" AllowPaging="True" PageSize="20" runat="server" AutoGenerateColumns="False"
ShowStatusBar="true" OnUpdateCommand="rgEmployeeAssignments_UpdateCommand">
<MasterTableView DataKeyNames="EmployeeID" ClientDataKeyNames="EmployeeID" TableLayout="Fixed">
<Columns>
<telerik:GridEditCommandColumn HeaderText="Edit" HeaderStyle-Width="40px" UniqueName="EditCommandColumn"></telerik:GridEditCommandColumn>

<telerik:GridBoundColumn UniqueName="WORKGROUP" DataField="WORKGROUP" HeaderText="Work Group" HeaderStyle-Width="100px">
<FilterTemplate>
<telerik:RadComboBox RenderMode="Lightweight" ID="rcbWorkGroup" DataSourceID="SQL_WorkGroup"
DataTextField="WORKGROUP" DataValueField="WORKGROUP" Width="100px" AppendDataBoundItems="true"
SelectedValue='<%# TryCast(Container, GridItem).OwnerTableView.GetColumn("WORKGROUP").CurrentFilterValue %>'
runat="server" OnClientSelectedIndexChanged="TitleIndexChanged">
<Items>
<telerik:RadComboBoxItem Text="All" />
</Items>
</telerik:RadComboBox>
<telerik:RadScriptBlock ID="rsbWorkGroup" runat="server">
<script type="text/javascript">
function TitleIndexChanged(sender, args) {
var tableView = $find("<%# TryCast(Container, GridItem).OwnerTableView.ClientID %>");
tableView.filter("WORKGROUP", args.get_item().get_value(), "EqualTo");
}
</script>
</telerik:RadScriptBlock>
</FilterTemplate>
</telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="WORKGROUPOPTION" DataField="WORKGROUPOPTION" HeaderText="Work Group Options" HeaderStyle-Width="100px">
<FilterTemplate>
<telerik:RadComboBox RenderMode="Lightweight" ID="rcbWorkGroupOption" DataSourceID="SQL_WorkGroupOptions"
DataTextField="WORKGROUPOPTION" DataValueField="WORKGROUPOPTION" Width="100px" AppendDataBoundItems="true"
SelectedValue='<%# TryCast(Container, GridItem).OwnerTableView.GetColumn("WORKGROUPOPTION").CurrentFilterValue %>'
runat="server" OnClientSelectedIndexChanged="TitleIndexChanged">
<Items>
<telerik:RadComboBoxItem Text="All" />
</Items>
</telerik:RadComboBox>
<telerik:RadScriptBlock ID="rsbWorkGroupOption" runat="server">
<script type="text/javascript">
function TitleIndexChanged(sender, args) {
var tableView = $find("<%# TryCast(Container, GridItem).OwnerTableView.ClientID %>");
tableView.filter("WORKGROUPOPTION", args.get_item().get_value(), "EqualTo");
}
</script>
</telerik:RadScriptBlock>
</FilterTemplate>
</telerik:GridBoundColumn>
</Columns>
<EditFormSettings EditFormType="Template">
<FormTemplate>
<table id="tblEmployeeAssignmentDetails" width="100%">
<tr class="EditFormHeader">
<td colspan="2">
<b>Employee Assignment Details</b>
</td>
</tr>
<tr>
<td>
<table id="tblEmployeeAssignmentDetailsEdit" width="450px">
<tr>
<td>Work Group:</td>
<td>
<telerik:RadComboBox RenderMode="Lightweight" ID="rcbWorkGroup" DataSourceID="SQL_WorkGroup"
DataTextField="WORKGROUP" DataValueField="ID" Width="100px" AppendDataBoundItems="true"
SelectedValue='<%#Eval("ID")%>' runat="server" AutoPostBack="true" OnSelectedIndexChanged="rcbWorkGroup_IndexChanged">
<Items>
<telerik:RadComboBoxItem Text="-- CHOOSE --" />
</Items>
</telerik:RadComboBox>
</td>
</tr>
<tr>
<td>Work Week:</td>
<td>
<telerik:RadComboBox RenderMode="Lightweight" ID="rcbWorkGroupOptions" DataTextField="WORKGROUPOPTION"
DataValueField="WORKGROUPOPTION" Width="100px" AppendDataBoundItems="true" runat="server"
OnItemRequested="rcbWorkGroup_ItemsRequested" OnClientItemsRequesting="GetSeletecteItem">
<Items>
<telerik:RadComboBoxItem Text="-- CHOOSE --" />
</Items>
</telerik:RadComboBox>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="left" colspan="2">
<asp:Button ID="btnUpdate" Text="Update" runat="server" CommandName="Update"></asp:Button> 
<asp:Button ID="btnCancel" Text="Cancel" runat="server" CausesValidation="False" CommandName="Cancel"></asp:Button>
</td>
</tr>
</table>
</FormTemplate>
</EditFormSettings>
</MasterTableView>
<PagerStyle Mode="NextPrevAndNumeric" PagerTextFormat="" />
</telerik:RadGrid>

My Codebehind for the IndexChanged event is:

Protected Sub rcbWorkGroup_IndexChanged(sender As Object, e As RadComboBoxSelectedIndexChangedEventArgs)
Dim x = 1

End Sub

I will hit the breakpoint when the workgroup is selected but I do not know how to fill the workgroupoptions combo in the SelectedIndexChanged sub.

Grid

answered on 23 Feb 2021

1 answer

195 views

Issues while using the RadAutoCompleteBox with 12000+ records in desktop and mobile

Hi,

I'm trying to use the RadAutoCompleteBox under one of our asp.net webforms and I'm having an issues,

We have a large set of data with more then 12000 records.

At first i was trying to load all the records and bind it to the control on each page load on the server side, that was working quite good on desktop browsers but in mobile browsers it was awful as the browser can't handle an 12000 html tags and javascript data rendered by the control.

Also it came up that the page weight around 4.5MB which is a lot even for a desktop browser.

So I was trying to follow the documentations at https://docs.telerik.com/devtools/aspnet-ajax/controls/autocompletebox/data-binding/binding-to-web-service and write a web service which will load all my records and then filter them according to the user input and then return the filtered results to him at this point after struggling with the webservice code as I couldn't use the AutoCompleteBoxData and i had to write my own context class and data item class, I was able to see that the webservice does works and returns results according to the user input but the control doesn't render the results and It's throwing exception at the browser console:

ScriptResource.axd?d=gx6HX6zsgt8dTK4PwXx5XQYUT2NQp8XGw7ix_E9duNwntsiadC0i47_Y_n44_iaA_chcE_PxzUYTm4J_holFgDumTzG2bqQ7o7_kRRnY7pvlCD1myVWH30Yf1CYvPbR-MdO_Xm0ePA2SCysVzbC9ZSz9resjEas1VXQLPGqpXxk1&t=495c3101:379 Uncaught TypeError: Cannot read property 'length' of undefined
at c.RadAutoCompleteBox._populateDropDown (ScriptResource.axd?d=gx6HX6zsgt8dTK4PwXx5XQYUT2NQp8XGw7ix_E9duNwntsiadC0i47_Y_n44_iaA_chcE_PxzUYTm4J_holFgDumTzG2bqQ7o7_kRRnY7pvlCD1myVWH30Yf1CYvPbR-MdO_Xm0ePA2SCysVzbC9ZSz9resjEas1VXQLPGqpXxk1&t=495c3101:379)
at c.RadAutoCompleteBox._loadDropDownItems (ScriptResource.axd?d=gx6HX6zsgt8dTK4PwXx5XQYUT2NQp8XGw7ix_E9duNwntsiadC0i47_Y_n44_iaA_chcE_PxzUYTm4J_holFgDumTzG2bqQ7o7_kRRnY7pvlCD1myVWH30Yf1CYvPbR-MdO_Xm0ePA2SCysVzbC9ZSz9resjEas1VXQLPGqpXxk1&t=495c3101:248)
at c.RadAutoCompleteBox._onWebServiceResponse (ScriptResource.axd?d=gx6HX6zsgt8dTK4PwXx5XQYUT2NQp8XGw7ix_E9duNwntsiadC0i47_Y_n44_iaA_chcE_PxzUYTm4J_holFgDumTzG2bqQ7o7_kRRnY7pvlCD1myVWH30Yf1CYvPbR-MdO_Xm0ePA2SCysVzbC9ZSz9resjEas1VXQLPGqpXxk1&t=495c3101:319)
at Array.<anonymous> (MicrosoftAjax.js:6)
at MicrosoftAjax.js:6
at Telerik.Web.UI.WebServiceLoader._raiseEvent (ScriptResource.axd?d=TDVjdgRbdvNAY3tnbizUcCPhg68u2C6oYtBzjbMl5nb0yrfrLw7TVxW4YUPW6jKd1bpl1qHFaEPlDe1ep-4WFHRB2fxZlyrMYhIuGG2rls_HAViVcHRfkNKViD-cNk930&t=495c3101:1218)
at Telerik.Web.UI.WebServiceLoader._onWebServiceSuccess (ScriptResource.axd?d=TDVjdgRbdvNAY3tnbizUcCPhg68u2C6oYtBzjbMl5nb0yrfrLw7TVxW4YUPW6jKd1bpl1qHFaEPlDe1ep-4WFHRB2fxZlyrMYhIuGG2rls_HAViVcHRfkNKViD-cNk930&t=495c3101:1213)
at MicrosoftAjax.js:6
at Array.x (MicrosoftAjax.js:6)
at MicrosoftAjax.js:6
_populateDropDown @ ScriptResource.axd?d=gx6HX6zsgt8dTK4PwXx5XQYUT2NQp8XGw7ix_E9duNwntsiadC0i47_Y_n44_iaA_chcE_PxzUYTm4J_holFgDumTzG2bqQ7o7_kRRnY7pvlCD1myVWH30Yf1CYvPbR-MdO_Xm0ePA2SCysVzbC9ZSz9resjEas1VXQLPGqpXxk1&t=495c3101:379
_loadDropDownItems @ ScriptResource.axd?d=gx6HX6zsgt8dTK4PwXx5XQYUT2NQp8XGw7ix_E9duNwntsiadC0i47_Y_n44_iaA_chcE_PxzUYTm4J_holFgDumTzG2bqQ7o7_kRRnY7pvlCD1myVWH30Yf1CYvPbR-MdO_Xm0ePA2SCysVzbC9ZSz9resjEas1VXQLPGqpXxk1&t=495c3101:248
_onWebServiceResponse @ ScriptResource.axd?d=gx6HX6zsgt8dTK4PwXx5XQYUT2NQp8XGw7ix_E9duNwntsiadC0i47_Y_n44_iaA_chcE_PxzUYTm4J_holFgDumTzG2bqQ7o7_kRRnY7pvlCD1myVWH30Yf1CYvPbR-MdO_Xm0ePA2SCysVzbC9ZSz9resjEas1VXQLPGqpXxk1&t=495c3101:319
(anonymous) @ MicrosoftAjax.js:6
(anonymous) @ MicrosoftAjax.js:6
_raiseEvent @ ScriptResource.axd?d=TDVjdgRbdvNAY3tnbizUcCPhg68u2C6oYtBzjbMl5nb0yrfrLw7TVxW4YUPW6jKd1bpl1qHFaEPlDe1ep-4WFHRB2fxZlyrMYhIuGG2rls_HAViVcHRfkNKViD-cNk930&t=495c3101:1218
_onWebServiceSuccess @ ScriptResource.axd?d=TDVjdgRbdvNAY3tnbizUcCPhg68u2C6oYtBzjbMl5nb0yrfrLw7TVxW4YUPW6jKd1bpl1qHFaEPlDe1ep-4WFHRB2fxZlyrMYhIuGG2rls_HAViVcHRfkNKViD-cNk930&t=495c3101:1213
(anonymous) @ MicrosoftAjax.js:6
x @ MicrosoftAjax.js:6
(anonymous) @ MicrosoftAjax.js:6
completed @ MicrosoftAjax.js:6
_onReadyStateChange @ MicrosoftAjax.js:6
XMLHttpRequest.send (async)
executeRequest @ MicrosoftAjax.js:6
executeRequest @ MicrosoftAjax.js:6
invoke @ MicrosoftAjax.js:6
Sys.Net.WebServiceProxy.invoke @ MicrosoftAjax.js:6
invokeMethod @ ScriptResource.axd?d=TDVjdgRbdvNAY3tnbizUcCPhg68u2C6oYtBzjbMl5nb0yrfrLw7TVxW4YUPW6jKd1bpl1qHFaEPlDe1ep-4WFHRB2fxZlyrMYhIuGG2rls_HAViVcHRfkNKViD-cNk930&t=495c3101:1205
loadData @ ScriptResource.axd?d=TDVjdgRbdvNAY3tnbizUcCPhg68u2C6oYtBzjbMl5nb0yrfrLw7TVxW4YUPW6jKd1bpl1qHFaEPlDe1ep-4WFHRB2fxZlyrMYhIuGG2rls_HAViVcHRfkNKViD-cNk930&t=495c3101:1198
_doLoadOnDemandFromWebService @ ScriptResource.axd?d=gx6HX6zsgt8dTK4PwXx5XQYUT2NQp8XGw7ix_E9duNwntsiadC0i47_Y_n44_iaA_chcE_PxzUYTm4J_holFgDumTzG2bqQ7o7_kRRnY7pvlCD1myVWH30Yf1CYvPbR-MdO_Xm0ePA2SCysVzbC9ZSz9resjEas1VXQLPGqpXxk1&t=495c3101:312
_requestItems @ ScriptResource.axd?d=gx6HX6zsgt8dTK4PwXx5XQYUT2NQp8XGw7ix_E9duNwntsiadC0i47_Y_n44_iaA_chcE_PxzUYTm4J_holFgDumTzG2bqQ7o7_kRRnY7pvlCD1myVWH30Yf1CYvPbR-MdO_Xm0ePA2SCysVzbC9ZSz9resjEas1VXQLPGqpXxk1&t=495c3101:238
(anonymous) @ ScriptResource.axd?d=gx6HX6zsgt8dTK4PwXx5XQYUT2NQp8XGw7ix_E9duNwntsiadC0i47_Y_n44_iaA_chcE_PxzUYTm4J_holFgDumTzG2bqQ7o7_kRRnY7pvlCD1myVWH30Yf1CYvPbR-MdO_Xm0ePA2SCysVzbC9ZSz9resjEas1VXQLPGqpXxk1&t=495c3101:143
setTimeout (async)
query @ ScriptResource.axd?d=gx6HX6zsgt8dTK4PwXx5XQYUT2NQp8XGw7ix_E9duNwntsiadC0i47_Y_n44_iaA_chcE_PxzUYTm4J_holFgDumTzG2bqQ7o7_kRRnY7pvlCD1myVWH30Yf1CYvPbR-MdO_Xm0ePA2SCysVzbC9ZSz9resjEas1VXQLPGqpXxk1&t=495c3101:143
_onKeyUp @ ScriptResource.axd?d=gx6HX6zsgt8dTK4PwXx5XQYUT2NQp8XGw7ix_E9duNwntsiadC0i47_Y_n44_iaA_chcE_PxzUYTm4J_holFgDumTzG2bqQ7o7_kRRnY7pvlCD1myVWH30Yf1CYvPbR-MdO_Xm0ePA2SCysVzbC9ZSz9resjEas1VXQLPGqpXxk1&t=495c3101:576
keyup @ ScriptResource.axd?d=gx6HX6zsgt8dTK4PwXx5XQYUT2NQp8XGw7ix_E9duNwntsiadC0i47_Y_n44_iaA_chcE_PxzUYTm4J_holFgDumTzG2bqQ7o7_kRRnY7pvlCD1myVWH30Yf1CYvPbR-MdO_Xm0ePA2SCysVzbC9ZSz9resjEas1VXQLPGqpXxk1&t=495c3101:96
dispatch @ ScriptResource.axd?d=mbGZm65DzNC0tMTq0ElbcdAiUZaT4KXW5WLNHMsqoN3_HIOWMlRGNY-g0q24C4ElZfgcsVJscAbbeXFWsjhVDL4pH7G1ZhFNGhz0p2-BsI_kS-EI0TXwBhRC6hM3ftpjZQFWabGVNA5e5NSEAEcArw2&t=495c3101:3
r.handle @ ScriptResource.axd?d=mbGZm65DzNC0tMTq0ElbcdAiUZaT4KXW5WLNHMsqoN3_HIOWMlRGNY-g0q24C4ElZfgcsVJscAbbeXFWsjhVDL4pH7G1ZhFNGhz0p2-BsI_kS-EI0TXwBhRC6hM3ftpjZQFWabGVNA5e5NSEAEcArw2&t=495c3101:3

the application is written in .net 4.8 and I'm using Telerik controls version 2019.3.1023.45

Can you advise what to do, how to solved it?

Thanks in advanced,

Hagai.

AutoCompleteBox

answered on 22 Feb 2021

9 answers

2.9K+ views

Telerik Designer Error Creating Control

Folks,

Using Windows 10 with VS 2017 and Progress® Telerik® UI for ASP.NET AJAX (Version 2018.1.117.45).

Each time I download a new updates, I get attached error message.

Is taking about 2-3 days to research to find out the root cause of this error.

I manually added Telerik.Web.UI.dll and Telerik.Web.UI.Skins.dll in Bin Folder of my project. Also copied both files into C:\Program Files (x86)\Microsoft Visual Studio\2017\Enterprise\Common7\IDE\PublicAssemblies folder. Still no luck.

Telerik please give us a solution what can be done. 2-3 days time is not acceptable to senior management of our organization.

Thanks

gc_0620

General Discussions

answered on 22 Feb 2021

6 answers

242 views

get values from multicombobox

I have a combobox working as multicolumncombobox, so I have to fetch all sub-items of selected item. how to fetch it?

I only found to fetch text and value...

regards,

sarthkee

ComboBox

answered on 22 Feb 2021

3 answers

973 views

Could this be the 2017 Telerik Vulnerability?

Log files show this

GET /Default.aspx Tabid=10&language=en&Server&Side=Telerik.Web.UI.DialogHandler 80 200

and then some other logs with Telerik.Web.UI.DialogHandler with response codes equal to 302 and 200

...

POST /1555667.1415555.aspx act=file=C:/inetpub/wwwroot/Default.aspx 80 200

after all of those, there is a

POST /Default.aspx 80 302

and another

POST /Default.aspx 80 200

General Discussions

answered on 19 Feb 2021

17 answers

1.3K+ views

Issue with PdfjsProcessingSettings

Hello,

i try to show a pdf file with the PdfjsProcessingSettings, but i get the message "file fails to process."
What have i made wrong?

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

<telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" />

<script type="text/javascript">

window.pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.2.2/pdf.worker.js';

</script>

<telerik:RadPdfViewer runat="server" ID="RadPdfViewer1" RenderMode="Lightweight" Height="550px" Width="900px" Scale="1.5" ActivePage="1">

<PdfjsProcessingSettings File="unterlagen.pdf">

</PdfjsProcessingSettings>

</telerik:RadPdfViewer>

<script>

kendo.pdfviewer.pdfjs.processor.fn._updateDocument = function (file) {

if (this.pdf) {

this.pdf.loadingTask.destroy();

}

this.file = file;

};

</script>

Best regards
Jens