Questions on UI for ASP.NET AJAX Forum

1 answer

172 views

GridEditCommandColumn Not Allowing Click

Hey Guys,

So I setup a basic RadGrid (see below) with a few columns only to discover that both the GridEditCommandColumn, PerformInsertButton and CancelButton don't do anything when clicked. Any ideas?

ASPX

<telerik:RadGrid ID="rgIssuers" runat="server" AutoGenerateColumns="False">

<MasterTableView DataKeyNames="ID" EditMode="InPlace" CommandItemDisplay="Top">

<CommandItemSettings

ShowAddNewRecordButton="true"

ShowRefreshButton="true"

ShowExportToExcelButton="false"

ShowExportToWordButton="false"

ShowExportToPDFButton="false"

ShowExportToCSVButton="false"

AddNewRecordText="Add New Issuer" />

<Columns>

<telerik:GridEditCommandColumn ButtonType="ImageButton" UniqueName="EditColumn" >

<ItemStyle HorizontalAlign="Center" />

<HeaderStyle Width="35px" />

</telerik:GridEditCommandColumn>

<telerik:GridButtonColumn ButtonType="ImageButton" CommandName="Delete" Text="Delete"

UniqueName="DeleteColumn" ConfirmText="Delete this Issuer?" ConfirmDialogType="RadWindow"

ConfirmTitle="Delete" >

<ItemStyle HorizontalAlign="Center" />

<HeaderStyle Width="35px" />

</telerik:GridButtonColumn>

<telerik:GridBoundColumn DataField="Name" UniqueName="Name" DataType="System.String" HeaderText="Name"></telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="AccessCode" UniqueName="AccessCode" DataType="System.String" HeaderText="Access Code"></telerik:GridBoundColumn>

<telerik:GridTemplateColumn DataField="SupportedAssertions" UniqueName="SupportedAssertions" DataType="System.Int32" HeaderText="Supported Assertions">

<ItemTemplate>

<asp:Label id="lblSupportedAssertions" runat="server"></asp:Label>

</ItemTemplate>

<EditItemTemplate>

<telerik:RadListBox ID="lbSupportedAssertions" runat="server" SelectionMode="Multiple"></telerik:RadListBox>

</EditItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="Target">

<ItemTemplate>

<asp:Label id="lblTarget" runat="server"></asp:Label>

</ItemTemplate>

<EditItemTemplate>

</EditItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

ASPX.VB

Protected Sub rgIssuers_NeedDataSource(sender As Object, e As GridNeedDataSourceEventArgs) Handles rgIssuers.NeedDataSource

'get our issuers

rgIssuers.DataSource = Issuer.FindByCLC(_csAC, _strCLC)

End Sub

Grid

answered on 12 Aug 2015

5 answers

234 views

RadListBox height display issues

With version 2012.2.607.35 of the Telerik.Web.UI.dll

<td>

<telerik:RadListBox runat="server" ID="RadListBoxF" Height="230px" Width="98%" ButtonSettings-AreaWidth="35px" CheckBoxes="true" EmptyMessage="No Key Sets Added">

</telerik:RadListBox>

</td>

The ListBox was fixed at the height, and any extra height needed was got to by a scroll bar. Empty message appears in the center of the box.

With version 2014.3.1024.35 of the dll.

The list box is the height of the items, and keeps growing. the empty message is at the top (but this is the only item in the box).

This is on IE9.

ListBox

answered on 12 Aug 2015

1 answer

84 views

Client Events Help

Hello,

I have a RadTreeList cotrol. Within this is a TreeListTemplateColumn.
Inside this I have two DIVs and radbutton configured as a custom toggle. What I’d like to do is is when the user clicks the toggle button the system hides one div and shows the other.

I’ve had a go at this with little success. Here is the code for the buttons

<telerik:RadButton ID="RadButton2" runat="server" ButtonType="LinkButton" Checked="True"

Skin="Metro" ToggleType="CustomToggle" OnClientToggleStateChanged="SetVisibility"

AutoPostBack="False">

<ToggleStates>

<telerik:RadButtonToggleState PrimaryIconCssClass="rbToggleCheckboxChecked" Text="Existing" />

<telerik:RadButtonToggleState PrimaryIconCssClass="rbToggleCheckbox" Text="New" />

</ToggleStates>

</telerik:RadButton>

And here is the associated JavaScript:

function SetVisibility(sender, args)

{

switch (args.get_currentToggleState().get_text())

{

case "Existing":

showstuff('existing');

hidestuff('new');

break;

case "New":

showstuff('new');

hidestuff('existing');

break;

default:

hidestuff('new');

hidestuff('existing');

break;

}

function showstuff(boxid){

document.getElementById(boxid).style.visibility="visible";

}

function hidestuff(boxid){

document.getElementById(boxid).style.visibility="hidden";

}

The problem with this is that is doesn't matter which button (row) within the treelist you click, the only DIVs that get changed are those within the first row.
Any ideas how I can overcome this?

General Discussions

answered on 12 Aug 2015

2 answers

179 views

Changing the FrozenColumnsCount dynamically

We have a scenario, with a batch-mode grid page, that is inserted into multiple pages (via an IFrame) on the site. Depending upon the containing page, the grid will show different (but related) columns. In most cases, we have the grid freeze the first three columns which works fine. However, in a two cases, the frozen columns are hidden and horizontal scrolling is not necessary. As such, we would like to simply remove the FrozenColumnsCount (or possibly just set it to 0?). How can I do this using both client-side and code-behind code?

Grid

answered on 12 Aug 2015

2 answers

47 views

Null get_appointment object

Hi,

I'm using this example - http://docs.telerik.com/devtools/aspnet-ajax/controls/scheduler/how-to/replace-the-edit-form

when the AppointmentEditing event fires the apt object is blank?

function AppointmentEditing(sender, eventArgs) {
var apt = eventArgs.get_appointment();
var oWindow = window.radopen("CalenderAdvancedForm.aspx?Mode=Edit&AppointmentID=" + apt.ID, "AdvancedForm");
oWindow.Maximize();
oWindow.SetTitle("Edit Appointment");
oWindow.Center();
eventArgs.set_cancel(true);
}

<telerik:RadScheduler ID="RadScheduler1" runat="server" DataDescriptionField="Description" DataEndField="End" DataKeyField="ID" DataRecurrenceField="RecurrenceRule" DataRecurrenceParentKeyField="RecurrenceParentID" DataReminderField="Reminder" DataSourceID="SqlDataSource1" DataStartField="Start" DataSubjectField="Subject" Height="700px" SelectedView="WeekView" Skin="Metro" TimeZoneID="Central Standard Time" Width="990px" WorkDayEndTime="18:00:00" CustomAttributeNames="Type" EnableCustomAttributeEditing="True" TimeZoneOffset="-06:00:00" StartInsertingInAdvancedForm="false"
OnClientAppointmentEditing="AppointmentEditing"
OnClientAppointmentInserting="AppointmentInserting" >

Scheduler

answered on 12 Aug 2015

3 answers

255 views

Chart with ZIndex rendering issues

When the ZIndex property arrived (2015 Q1 release?) it caused my chart to render incorrectly as shown in image "1_2015_Q1_&_Q2_Default_ZIndexes". My chart plots both before and after values of a set of history data (databound from the server side).

To fix the rendered output (to that prior to the 2015 Q1 release), I manually set the ZIndex of each series so that the datapoint and line of the same series are on top. This is shown in image "2_2015_Q1_ZIndexes_Set".

This was fine (not ideal but it worked) until 2015 Q2 arrived (and has not been corrected in 2015 Q2 SP1 either). Image "3_2015_Q2_Manual_ZIndexes" shows the issue when hovering on a series below another- the series datapoint below doesn't show through the series datapoint on top any longer. Leaving the ZIndexes to default fixes this, but makes the chart render like in image "1_2015_Q1_&_Q2_Default_ZIndexes". This is a minor issue.

However, things get worse, for charts with missing values. This chart's series have MissingValues = HtmlChart.MissingValuesBehavior.Gap and manual ZIndexes set. If there are gaps in the plotted data, I receive a JavaScript error every time the chart is refreshed as shown in image "4_2015_Q2_ZIndexesSet_JS_Error". If I close the error popup and click a series in the legend, the chart renders until it is refreshed again. The JavaScript error does not appear if the plotted data is complete though.

Therefore can you please assist me to either of the following workarounds until the two bug fixes can be applied:

1. Go back to allowing default ZIndexes, but fix the chart rendering to be like in image "2_2015_Q1_ZIndexes_Set", where ZIndexes are set.

2. Avoid the JavaScript error for manually set ZIndexes and MissingValues = HtmlChart.MissingValuesBehavior.Gap somehow.

Thanks

Chart (HTML5)

answered on 12 Aug 2015

1 answer

114 views

Changing values of components inside window

So, after google-ing for about 6 hours or so I finally gave up. Hope someone here can hook me up with advice.

I'm creating a dynamic function for all grids in my DNN module. When I double click on a row, I call the function editKey, which takes in parameter grid and fetches its ID (For now I only have two grids, but that is not the issue). Then it fetches all the information about that row and a new RadWindow opens up where the prefetched information can be seen and/or managed/deleted.
As I open a new window, I load a new <div> inside it which serves as a template for each grid. The strange thing is, when I add the div to the server (runat="server) I cant seem to find it with the $find('<% CodaEdit1 %>') call.

I want to use all of my prefetched info and put it into this div. My first thought of accessing the divs elements was to use something like

document.getElementById("CodaEdit1").children[i].setAttribute("Text", info[i]);

But that does not do anything.
Neither can I access the first element in the div with

document.getElementById("FindMe");

but

var re = $find('<%= FindMe.ClientID %>');
re.set_value("this works");

Works perfectly. I can of course write the find function for each and every radtextbox that I have, but my code will look pretty ugly and scale terrible as my project grows.

Here is the referenced code

<div id="CodaEdit1" style="display:none">

<telerik:RadTextBox ID="FindMe" runat="server" Label="Rule" Text=""></telerik:RadTextBox>

</div>

<script type="text/javascript">

var keySelected;

function editKey(sender)

{

var whichLayout = windowLayout(sender);

var grid, divinsert;

switch(whichLayout)

{

case ("1"):

grid = $find('<%= RadGrid1.ClientID %>');

break;

case ("2"):

grid = $find('<%= RadGrid2.ClientID %>');

break;

}

divinsert = $get("CodaEdit"+whichLayout);

var masterTableView = grid.get_masterTableView();

keySelected = rowInfo(masterTableView);

//alert(document.getElementById("CodaEdit1").children[0]); <-- HTMLELEMENTSPAN

document.getElementById("CodaEdit1").children[0].setAttribute("Text", "Goon"); <-- Does nothing

var editWindow = GetRadWindowManager().open(null, null, divinsert, 1200, 200);//; 10, 10);

editWindow.center();

//alert(document.getElementById("CodaEdit1").children[0].textContent); <-- finds the text content

var re = $find('<%= FindMe.ClientID %>');

re.set_value("#gfdgdfgsd");

}

function windowLayout(gridSender)

{

var layoutType = gridSender.get_id();

return layoutType.charAt(layoutType.length - 1);

}

function rowInfo(aTableView)

{

var selectedItems = aTableView.get_selectedItems();

var row = selectedItems[0];

var columns = aTableView.get_columns();

var resultArray = [];

for (var i = 0; i < columns.length; i++)

{

var category = columns[i].get_uniqueName();

var cellValue = $(row.get_cell(category)).text();

resultArray.push(cellValue);

}

return resultArray;

}

</script>

<telerik:RadGrid ID="RadGrid1" runat="server" AllowPaging="True" AllowSorting="True" DataSourceID="blablablawooo" GroupPanelPosition="Top" ShowGroupPanel="True" EnableLinqExpressions="False" AllowFilteringByColumn="True" OnInit="RadGrid1_Init" OnItemCommand="RadGrid1_ItemCommand" OnPreRender="RadGrid1_PreRender" Height="600px"> <ClientSettings AllowDragToGroup="True" AllowColumnsReorder="True" EnableRowHoverStyle="True"> <Selecting AllowRowSelect="True" /> <Scrolling AllowScroll="True" EnableVirtualScrollPaging="True" /> <Resizing AllowColumnResize="True" /> <ClientEvents OnFilterMenuShowing="filterMenuShowing" OnRowDblClick="editKey"/> </ClientSettings> <MasterTableView AutoGenerateColumns="False" DataKeyNames="RULE_ID" DataSourceID="its a secret yo"> <Columns> <telerik:GridBoundColumn AllowFiltering="False" DataField="RULE_ID" DataType="System.Decimal" FilterControlAltText="Filter RULE_ID column" HeaderText="RULE ID" ReadOnly="True" SortExpression="RULE_ID" UniqueName="RULE_ID"> </telerik:GridBoundColumn> etcetc...

Window

answered on 12 Aug 2015

1 answer

569 views

JavaScript runtime error : '$telerik' is undefined

We have just started using UI for ASP.NET AJAX. Everything works fine until we try using client-side code. We keep receiving this error : "JavaScript runtime error : '$telerik' is undefined". I've searched for a solution online but none of the suggested solutions works.

At the moment our web.config has the following entries which according to online sources would solve the problem but didn't :

We also tried the following to no avail :

<system.webServer>
<handlers>
<add name="Telerik_Web_UI_WebResource_axd" verb="*" path="Telerik.Web.UI.WebResource.axd" type="Telerik.Web.UI.WebResource" preCondition="integratedMode" />
</handlers>
</system.webServer>

In default.aspx we have the following :

<telerik:RadScriptManager ID="scriptManagerMain" runat="server">
<Scripts>
<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />
<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />
<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />
</Scripts>
<Services>
<asp:ServiceReference Path="~/WCF/DataService.svc"/>
</Services>
</telerik:RadScriptManager>
<telerik:RadAjaxManager ID="radAjaxManagerMain" runat="server">
</telerik:RadAjaxManager>

With all these settings we still keep receiving the "JavaScript runtime error : '$telerik' is undefined" error. I really hope someone knows the solution to this problem because we're stick here and can't find a solution. Thanks in advance for any help.

Ajax

answered on 12 Aug 2015

1 answer

88 views

Exception: 'System.OutOfMemoryException' was thrown when there is 5000+ data need to be bind in RadComboBox inside RadGrid

I have a RadGrid and a RadComboBox outside of RadGrid (say comboOutside), inside a Web Form.
Inside RadGrid, there is 1 more RadComboBox (say comboRadGrid). On selection of items from comboOutside, comboRadGrid is bind i.e., If item 'Company' is selected from comboOutside, then all the company names will be bind in comboRadGrid; and then user select specific company from comboRadGrid and records are added in RadGrid.

For all items, functionality is working fine but I am facing issue in binding of a specific comboOutside item. i.e., When I choose a specific item from comboOutside, say I have 100 items inside comboOutside, and when I select 35th items from it, then comboRadGrid always throw this error while binding records for 35th item (since 35th item has 2000+ records to bind in comboRadGrid)
Error is attached below:
Funcitonality is working fine for all the items except 1 specific item of RadComboBox. I don't understand why. Due to this I am unable to add records in RadGrid
Below is my code-

C# code

public DataTable GetAccCode(string CompanyCode)

    {

        SqlConnection con = new SqlConnection(strcon);

        SqlCommand cmd = new SqlCommand("[Invoice].[usp_tbl_AccountCode_DL_Test]", con);

        cmd.CommandType = CommandType.StoredProcedure;

        cmd.Parameters.AddWithValue("@CompanyCode", CompanyCode);

        SqlDataAdapter da = new SqlDataAdapter(cmd);

        DataTable dt = new DataTable();

        try

        {

            con.Open();

            da.Fill(dt);

            con.Close();

        }

        catch (Exception ex)

        {

        }

        return dt;

    }

protected void RGGSTAcCode_ItemDataBound(object sender, GridItemEventArgs e)

    {

        if (e.Item is GridEditableItem && e.Item.IsInEditMode)

        {

            //bind dropdwon while "Add"

            string CompanyCode = ddlCompany.SelectedValue.ToString();

            GridEditableItem item = (GridEditableItem)e.Item;



            //code to bind inside RadComboBox list

            RadComboBox rcb = (RadComboBox)item.FindControl("ddlAccountCode");

            rcb.DataSource = GetAccCode(CompanyCode);

            rcb.DataTextField = "AccountDescription";

            rcb.DataValueField = "AccountCodeID";

            rcb.DataBind();

            rcb.Items.Insert(0, new RadComboBoxItem("- Select -", string.Empty));



            Session["AccCode"] = rcb.SelectedValue.ToString();

            string a = rcb.SelectedValue.ToString();



            //Select particular dropdown value while "Edit"

            Label lblAcCode2 = item.FindControl("lblAcCode2") as Label;

            if (!string.IsNullOrEmpty(lblAcCode2.Text))

            {

                rcb.SelectedValue = lblAcCode2.Text;

                rcb.SelectedItem.Text = lblAcCode2.Text;

            }

        }

    }

     //code to bind outside RadComboBox list

        protected void BindComapnyDL()

        {

            SqlConnection con = new SqlConnection(strcon);

            SqlCommand cmd = new SqlCommand("General.usp_tbl_BuyerCode_Query", con);

            cmd.CommandType = CommandType.StoredProcedure;

            SqlDataAdapter da = new SqlDataAdapter(cmd);

            DataTable dt = new DataTable();

            try

            {

                con.Open();

                da.Fill(dt);

                con.Close();

            }

            catch (Exception ex)

            {

            }



            ddlCompany.DataTextField = "Title";

            ddlCompany.DataValueField = "Code";

            ddlCompany.DataSource = dt;

            ddlCompany.DataBind();



            Session["Comp"] = ddlCompany.SelectedValue.ToString();

            string a = ddlCompany.SelectedValue.ToString();

        }



        //RadComboBox select index changed event

        protected void ddlCompany_SelectedIndexChanged(object sender, RadComboBoxSelectedIndexChangedEventArgs e)

        {

            if (ddlCompany.SelectedValue == null || ddlCompany.SelectedValue == "")

            {

                GridCommandItem cmditem = (GridCommandItem)RGGSTAcCode.MasterTableView.GetItems(GridItemType.CommandItem)[0];

                System.Web.UI.WebControls.Button ctrl = (System.Web.UI.WebControls.Button)cmditem.FindControl("AddNewRecordButton");

                ctrl.Enabled = false;



                System.Web.UI.WebControls.LinkButton btn = (System.Web.UI.WebControls.LinkButton)cmditem.FindControl("InitInsertButton");

                btn.Enabled = false;



                string content = "Please select company first";

                ScriptManager.RegisterStartupScript(this, typeof(string), "Successful", "alert('" + content + "');", true);

            }

            else

            {

                RGGSTAcCode.Rebind();

            }

        }

HTML Code:

<telerik:RadComboBox ID="ddlCompany" runat="server" Height="200" Width="240"

          DropDownWidth="310" EmptyMessage="- Select Product -" HighlightTemplatedItems="true" CausesValidation="false"

          Filter="Contains" AppendDataBoundItems="true" AllowCustomText="true" AutoPostBack="true"

          DataTextField="Title" DataValueField="Code" OnSelectedIndexChanged="ddlCompany_SelectedIndexChanged">

        </telerik:RadComboBox>



<telerik:RadGrid ID="RGGSTAcCode" runat="server"

                   ShowFooter="True" GroupingEnabled="False" ShowStatusBar="true" EmptyDataText="No record available."

                   AllowAutomaticInserts="False" AllowAutomaticUpdates="False" AllowAutomaticDeletes="true"

                   OnNeedDataSource="RGGSTAcCode_NeedDataSource" OnItemDataBound="RGGSTAcCode_ItemDataBound"

                   OnInsertCommand="RGGSTAcCode_InsertCommand" OnDeleteCommand="RGGSTAcCode_DeleteCommand"

                   OnUpdateCommand="RGGSTAcCode_UpdateCommand" OnItemCommand="RGGSTAcCode_ItemCommand">

                  <mastertableview ShowHeadersWhenNoRecords="true" autogeneratecolumns="false" datakeynames="AccountCodeID" InsertItemDisplay="Top"

                    insertitempageindexaction="ShowItemOnCurrentPage" ShowFooter="True" CommandItemDisplay="Top" ClientIDMode="Static">

                         <Columns>

                             <telerik:GridEditCommandColumn ButtonType="ImageButton" UniqueName="EditCommandColumn"></telerik:GridEditCommandColumn>



                             <telerik:GridTemplateColumn UniqueName="AccountCode" HeaderText="Account Code">

                                <ItemTemplate>

                                  <asp:Label ID="lblAcCode" runat="server" Text='<%# Eval("AccountCode")%>'></asp:Label>

                                </ItemTemplate>

                                <EditItemTemplate>

                                   <asp:Label ID="lblAcCode2" runat="server" Text='<%# Eval("AccountCode") + " - " + Eval("AccountDescription")%>' Visible="false"></asp:Label>



                                   <telerik:RadComboBox ID="ddlAccountCode" runat="server" Height="200" Width="240"

                                       DropDownWidth="310" HighlightTemplatedItems="true" CausesValidation="true"

                                       Filter="Contains" AppendDataBoundItems="true" DataTextField="AccountDescription" DataValueField="AccountCodeID">

                                   </telerik:RadComboBox>

                                </EditItemTemplate>

                             </telerik:GridTemplateColumn>



                             <telerik:GridBoundColumn DataField="AccountDescription" HeaderText="Description" UniqueName="AccountDescription" SortExpression="AccountDescription" InsertVisiblityMode="AlwaysHidden" ReadOnly="true" ></telerik:GridBoundColumn>

                             <telerik:GridBoundColumn aggregate="SUM" DataField="Amount" HeaderText="Amount" FooterAggregateFormatString="Total : {0:###,##0.00}" DataFormatString="{0:n}" FooterStyle-BackColor="#ffc04c" UniqueName="Amount" SortExpression="Amount"></telerik:GridBoundColumn>

                             <telerik:GridBoundColumn DataField="Remark" HeaderText="IFCA Remark" UniqueName="Remark" SortExpression="Remark">



                             </telerik:GridBoundColumn>



                             <telerik:GridButtonColumn ConfirmTextFormatString="Are you sure you want to Delete {0} Account Code?" ConfirmTextFields="AccountCodeID"

                             ConfirmDialogType="RadWindow" CommandName="Delete" Text="Delete" UniqueName="DeleteColumn"></telerik:GridButtonColumn>

                      </Columns>

                      <EditFormSettings>

                         <EditColumn ButtonType="ImageButton" />

                      </EditFormSettings>

                      <CommandItemSettings AddNewRecordText="Add new record" RefreshText="Refresh"></CommandItemSettings>

                  </mastertableview>

                </telerik:RadGrid>

Please let me know how to resolve. What shall I change in my code.
I have to populate/bind the RadComboBox (comboRadGrid) which is inside of RadGrid, based on the Items that are outside of RadGrid of RadComboBox (comboOutside). Please note that I am very new in Telerik and asp.net Please let me know how to modify my comboRadGrid binding code (based on outside Combo List items) so that this issue do not occur again ? Please reply

ComboBox

answered on 12 Aug 2015

1 answer

44 views

Browser Support for RadEditor Copy and Paste Images

What browsers are supported for copying and pasting images into RadEditor as Base64 images. I know that for IE only IE 11 is supported but what about for Chrome or Firefox? What are the minimum versions.

Any help is appreciated. Thanks!

Editor

answered on 12 Aug 2015