Questions on UI for ASP.NET AJAX Forum

1 answer

121 views

bind rad drop down tree

how to bind ad drop down tree with sqldata reader

DropDownTree

answered on 17 Mar 2014

1 answer

110 views

[Solved] Client event handlers changes value of 'this'

So I have a kind of interesting problem here. I am using the Telerik control suite for ASP.NET AJAX, inside a number of custom user controls.

When assigning client side event handlers, I have changed my approach from defining functions at the window scope, to using the $create method to create an object for my control, and assigning the control's client side event to a method defined on the prototype. Here is the basic setup:

From an external js file:

function genericControl_init(sender, args){

$create(GenericObject, sender);

}

function GenericObject(){};

GenericObject.prototype = {

someFunction: function (sender, args) {

console.log(this.someProperty)//undefined

console.log(this);//this is not the GenericObject

},

get_id: function () { return this.id },

set_id: function (id) { this.id = id },

beginUpdate: function () { return true },

endUpdate: function () { return true }

}

And on the page, generated in the code behind, this uses the control's ClientID for the id property on the JSON object:

genericControl_init({ "id": "ct101_someControl", "someProperty": "ct101_someControl_someClientID" });

and in the codebehind, to assign the event:

RadComboBox1.OnClientSelectedIndexChanged = String.Format("$find('{0}').{1}", ClientID, "someFunction");

This is just using a RadComboBox as an example, this happens with any Telerik control. Basically, it appears that the scope of this has changed when assigning the function as an event handler for a Telerik control and no longer references my GenericObject object.

A workaround I have found is storing the ClientID as an attribute on the Telerik control, and then grabbing it like sender.get_attributes().getAttribute('controlClientId') and using $find to get the reference to the original object and access it's individual properties. This feels sloppy though, and I was just wondering if anyone had a suggestion on how to better handle this.

General Discussions

answered on 17 Mar 2014

8 answers

144 views

RadProgressArea causing js error in Chrome and prevents callbacks

Hello!

I'm using RadProgressArea to display upload process progress. It's placed on the master page so that I don't need to add it on each page. It works well in IE, FF and Safari. But when I use Chrome, after the page performs the very first callback (from any control on the page), the following line in js code is causing an error and callbacks stop working at all. Here's the js code:

if($telerik.RadUpload_isIFrameProgress){this._safariPoller.contentWindow.pollerInstance._startTime=new Date();

and the error is "Cannot set property _startTime of undefined". In debug mode it shows that pollerInstance is undefined.
I'm using v.2010.3.1109.35 of Telerik.Web.UI

Is it a know bug and if yes, has it been fixed in the latest version?
Thank a lot in advance!
Best,
Andy

Upload (Obsolete)

answered on 17 Mar 2014

1 answer

175 views

NeedDataSource with RadGrid Dynamic Column Added Problem

Here is my Code, Page_load method and RadGrid1_NeedDataSource.

The result is so weird, load in the 1 page, everything work find, when click next or 2nd page, the problem is occurs. The diagram show at Attach files.



Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load

RadGrid1.ID = "RadGrid1"

zzz.Controls.Add(RadGrid1)

AddHandler Me.RadGrid1.NeedDataSource, New GridNeedDataSourceEventHandler(AddressOf Me.RadGrid1_NeedDataSource)

RadGrid1.Visible = True

RadGrid1.AllowPaging = True

RadGrid1.AllowSorting = True

RadGrid1.AllowMultiRowSelection = True

RadGrid1.MasterTableView.AutoGenerateColumns = False

RadGrid1.PageSize = 5

RadGrid1.AutoGenerateColumns = False

RadGrid1.MasterTableView.EditMode = GridEditMode.Batch

RadGrid1.ClientSettings.Selecting.AllowRowSelect = True

RadGrid1.EnableViewState = False

RadAjaxManager1.EnableAJAX = True

End Sub

Protected Sub RadGrid1_NeedDataSource(ByVal source As Object, ByVal e As Telerik.Web.UI.GridNeedDataSourceEventArgs)

Dim ConnString As String = ConfigurationManager.ConnectionStrings("myConnectionString").ConnectionString

Dim conn As SqlConnection = New SqlConnection(ConnString)

Dim adapter As SqlDataAdapter = New SqlDataAdapter

adapter.SelectCommand = New SqlCommand("SELECT * FROM Product", conn)

conn.Open()

Try

adapter.Fill(myDataTable)

Finally

conn.Close()

End Try

RadGrid1.DataSource = myDataTable

Dim boundColumn As GridBoundColumn

For Each col As System.Data.DataColumn In myDataTable.Columns

boundColumn = New GridBoundColumn()

RadGrid1.MasterTableView.Columns.Add(boundColumn)

boundColumn.DataField = col.ColumnName

boundColumn.HeaderText = col.ColumnName

If col.ColumnName = "proID" Then

'boundColumn.Visible = False

boundColumn.HeaderText = "ProductID"

ElseIf col.ColumnName = "proName" Then

boundColumn.HeaderText = "Product Name"

ElseIf col.ColumnName = "proQty" Then

boundColumn.HeaderText = "Product Quantity"

ElseIf col.ColumnName = "unitPrice" Then

boundColumn.HeaderText = "Price"

End If

Next

End Sub

Grid

answered on 17 Mar 2014

1 answer

87 views

rsAppointmentBg.png not found

Hello,
In our Event logs we have a Warning indicating the rsAppointmentBg.png image cannot be found. We do not reference any telerik images directly in our css, we only reference the dlls. We are using the ASP.net Ajax RadScheduler. How can we fix this issue? We are using Telerik.Web version 2013.1.417.40 with .Net Framework 4.0.

The actual error is:

An error occurred processing a web or script
resource request. The requested resource
'pTelerik.Web.UI.Skins|Telerik.Web.UI.Skins.Office2010Blue.Scheduler.rsAppointmentBg.png'
does not exist or there was a problem loading it.

Thanks

Scheduler

answered on 17 Mar 2014

3 answers

409 views

RadComboBox Change Not Firing

Hi All,

I've implemented a C# code-behind RadComboBox with a SqlDataSource and RadComboBoxFilter.Contains in order to provide search-box-like functionality to the users. I run my code with the selected value using a RadButton.

The Users would like to be able to just hit enter or click on the desirable values to initiate the filter process. The SelectedIndexChanged method does not appear to be firing. I have AutoPostBack = true. Being able to just type and enter would be the most desirable option. Can anyone please help?

Thanks,
Mark

ComboBox

answered on 17 Mar 2014

5 answers

234 views

Grid Itemcommand Event not fire When used ImageButton

Hello,
        When i am using <telerik:GridButtonColumn ButtonType="ImageButton" Text="Select" CommandName="select" ImageUrl="~/App_Themes/WebBlue/Grid/images/Hand.png" CommandArgument="Select" >
in gridview instead of button then gridview command event not fired
        So describe why this event not fired when used Imagebutton instead of PushButton and how to overcome this problem.
        Reply me as soon as possible

Regards,
Bhavesh Rana

Grid

answered on 17 Mar 2014

1 answer

189 views

Custom Save Button isn't working

Hello,

I can't seem to use a custom Save button work. Can someone point me to where I'm going wrong.

Thanks
Thomas

protected void btnSave_Click(object sender, EventArgs e)
{
Button btn = (Button)sender;

foreach (GridEditableItem item in radNotifications.EditItems)
{
string ss = item["PersonalNote"].Text;
Business.PushNotifications.SaveNote((int)Session["CompanyId"], ss, new Guid(btn.CommandArgument.ToString()));
break;
}

radNotifications.EditIndexes.Clear();
BindGrid();
}

Grid

answered on 17 Mar 2014

4 answers

219 views

[Solved] Accepting Text in griddropdowncolumn

Hi

I am using griddropdowncolumn to display/edit & inserting records in a Telerik grid.

Everything works fine but I also want to use the griddropdowncolumn as a combobox also. I have changed the property
of DropDownControlType="RadComboBox" but till then I am unable to accept text in the combo box.

My intention is use the griddropdowncolumn as a combo box so that the users can do the following at the time of Insert / Edit

1) Can choose the value form the dropdown OR 2) If the value is not available in the dropdown he can type the same so that I can save
it to database.

Given bellow is by ASPX File: (Please have a look in the code with Bold Formatting)

<asp:SqlDataSource ID="SqlDtLedger" runat="server"
ConnectionString="<%$ ConnectionStrings:ConStr %>"
SelectCommand="Select * from Master_Accounting_Sub_Ledger where [Is_Visiable] ='Y'"
UpdateCommand="UPDATE Master_Accounting_Sub_Ledger SET [Ledger_ID] = @Ledger_ID, Sub_Ledger_Name = @Sub_Ledger_Name WHERE Sub_Ledger_ID = @Original_Sub_Ledger_ID"
InsertCommand="INSERT INTO [Master_Accounting_Sub_Ledger] ([Ledger_ID],[Sub_Ledger_Name],[Entry_Type]) VALUES ( @Ledger_ID, @Sub_Ledger_Name, 'C')"
DeleteCommand="UPDATE Master_Accounting_Sub_Ledger SET [Is_Visiable] ='N' WHERE Sub_Ledger_ID = @Original_Sub_Ledger_ID and Entry_Type <>'S'"
OldValuesParameterFormatString="original_{0}" ConflictDetection="CompareAllValues">
<UpdateParameters>
<asp:Parameter Name="Original_Sub_Ledger_ID" Type="Int32" />
<asp:Parameter Name="Ledger_ID" Type="Int32" />
<asp:Parameter Name="Sub_Ledger_Name" Type="String" />
</UpdateParameters>
<InsertParameters>
<asp:Parameter Name="Ledger_ID" Type="Int32" />
<asp:Parameter Name="Sub_Ledger_Name" Type="String" />
</InsertParameters>
<DeleteParameters>
<asp:Parameter Name="Original_Sub_Ledger_ID" Type="Int32" />
</DeleteParameters>
</asp:SqlDataSource>

<asp:SqlDataSource ID="Data_Accounting_Ledger_Name" runat="server"
ConnectionString="<%$ ConnectionStrings:ConStr %>"
SelectCommand="Select * from Master_Accounting_Ledger WHERE Sub_Ledger=1" >
</asp:SqlDataSource>

<asp:SqlDataSource ID="Data_Accounting_District" runat="server"
ConnectionString="<%$ ConnectionStrings:ConStr %>"
SelectCommand="Select District from Master_Accounting_Sub_Ledger GROUP By District" >
</asp:SqlDataSource>

<%------------grid--------------------%>
<telerik:RadGrid ID="RadGrid1" runat="server" AllowAutomaticDeletes="True"
AllowAutomaticInserts="True" AllowAutomaticUpdates="True"
DataSourceID="SqlDtLedger" GridLines="None"
AutoGenerateColumns="False" Width="800" Skin="Outlook">
<ExportSettings IgnorePaging="true" OpenInNewWindow="true" FileName="Accural_Primary_Group">
<Pdf PageHeight="297mm" PageWidth="210mm" PageTitle="Primary Acounts Group" />
<Excel Format="Html" FileExtension="xls" />
<Csv ColumnDelimiter="Comma" RowDelimiter="NewLine" FileExtension="CSV" />

</ExportSettings>
<MasterTableView DataSourceID="SqlDtLedger" CommandItemDisplay="TopAndBottom"
AutoGenerateColumns="False" DataKeyNames="Sub_Ledger_ID">
<EditFormSettings>
<EditColumn CancelImageUrl="../image/RadControls/Grid/Skins/Default/Cancel.gif" EditImageUrl="../image/RadControls/Grid/Skins/Default/Edit.gif"
InsertImageUrl="../image/RadControls/Grid/Skins/Default/Insert.gif" UniqueName="EditCommandColumn"
UpdateImageUrl="../image/RadControls/Grid/Skins/Default/Update.gif">
</EditColumn>
</EditFormSettings>

<Columns>
<telerik:GridEditCommandColumn ButtonType="ImageButton" UniqueName="EditCommandColumn">
</telerik:GridEditCommandColumn>
<telerik:GridBoundColumn DataField="Sub_Ledger_ID" DataType="System.Int32" ReadOnly="True" UniqueName="Sub_Ledger_ID" Visible="false" ></telerik:GridBoundColumn>
<telerik:GridDropDownColumn DataSourceID="Data_Accounting_Ledger_Name" SortExpression="Ledger_ID" ListTextField="Ledger_Name" ListValueField="Ledger_ID" UniqueName="Ledger_ID" DataField="Ledger_ID" DropDownControlType="DropDownList" HeaderText="Ledger"></telerik:GridDropDownColumn>
<telerik:GridBoundColumn DataField="Sub_Ledger_Name" HeaderText="Sub Ledger Name" UniqueName="Sub_Ledger_Name"></telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="Mailing_Name" HeaderText="Mailing Name" UniqueName="Mailing_Name"></telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="Mailing_Address_1" HeaderText="Mailing Address 1" UniqueName="Mailing_Address_1"></telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="Mailing_Address_2" HeaderText="Mailing Address 2" UniqueName="Mailing_Address_2"></telerik:GridBoundColumn>
<telerik:GridDropDownColumn DataSourceID="Data_Accounting_District" SortExpression="District" ListTextField="District" ListValueField="District" UniqueName="District" DataField="District" HeaderText="District" DropDownControlType="RadComboBox"></telerik:GridDropDownColumn>
<telerik:GridBoundColumn DataField="Pin" HeaderText="Pin / Zip" UniqueName="Pin"></telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="Phone" HeaderText="Phone" UniqueName="Phone"></telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="Email" HeaderText="Email" UniqueName="Email"></telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="CR_Days" HeaderText="Credit Days" UniqueName="CR_Days"></telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="CR_Limit" HeaderText="Credit Limit" UniqueName="CR_Limit"></telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="Entry_Type" DataType="System.String" ReadOnly="True" UniqueName="Entry_Type" Visible="false" ></telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="Is_Visiable" DataType="System.String" ReadOnly="True" UniqueName="Is_Visiable" Visible="false" ></telerik:GridBoundColumn>
<telerik:GridButtonColumn ButtonType="ImageButton" CommandName="Delete" Text="Delete"
UniqueName="DeleteColumn" ImageUrl="../image/RadControls/Grid/Skins/Default/Delete.gif"></telerik:GridButtonColumn>

</Columns>
<EditFormSettings ColumnNumber="4" CaptionDataField="Sub_Ledger_Name" CaptionFormatString="Edit <h6> {0} </h6>">
<FormTableItemStyle Wrap="False"></FormTableItemStyle>
<FormMainTableStyle GridLines="None" CellSpacing="0" CellPadding="3" BackColor="White" Width="100%" />
<FormTableStyle CellSpacing="0" CellPadding="2" Height="80px" BackColor="White" />
<FormTableAlternatingItemStyle Wrap="False"></FormTableAlternatingItemStyle>
<EditColumn ButtonType="ImageButton" InsertText="Insert" UpdateText="Update record"
UniqueName="EditCommandColumn1" CancelText="Cancel edit">
</EditColumn>
<FormTableButtonRowStyle HorizontalAlign="Right"></FormTableButtonRowStyle>
</EditFormSettings>

</MasterTableView>
<ClientSettings>
<ClientEvents OnRowDblClick="RowDblClick" />
</ClientSettings>

</telerik:RadGrid>
<telerik:RadWindowManager ID="RadWindowManager1" runat="server"></telerik:RadWindowManager>

Menu

answered on 16 Mar 2014

2 answers

59 views

AjaxManager and StyleSheets

hello ,
im working on project contains two languages (Arabic and English ) every language has a different style sheet in App_Themes Folder
in this project i have page contains listview some of Elements in this view updated by RadAjaxManager in specific times
if user opening two tab : First tab(the page contains RadListView) and any other tab in same project if user changed Language in other tab (Not RadListView tab)
when ajax fired it cause problem in view of the list view the updated controls in list view take the new language StyleSheet and different controls stay the same
the Summary : RadAjaxManager Update Style sheet when updating the control and take the new one how can i prevent that ?
i hope this finds you will
Regards ,,

Ajax

answered on 16 Mar 2014