Questions on UI for ASP.NET AJAX Forum

2 answers

103 views

Determine target of drag and drop operation

I'm implementing an interface similar to the one shown here:

http://demos.telerik.com/aspnet-ajax/treelist/examples/itemsdragdrop/defaultcs.aspx

and I am able to fire an event that has all the information about the dragged item that I need in my code behind. However I'm struggling trying to find out what item the item was dropped on. I need to accomplish this because I need to know whether to a) add the new item as a child of the parent when dropped on an outer node, or b) add the new item as a sibling after the drop target when dropped on an inner node. I also need the identity (some clientDataKeyItem?) for the drop target so that I act on it in the code behind. Any help on this would be appreciated.

Steve

TreeList

answered on 23 Dec 2011

0 answers

48 views

How to Filter the Rad Grid by using Drop down list in the column

Hello,

Can any one help me on How to Filter the Rad grid; One of the column as drop down list binded. all other columns are having normal telerik filter. Everything records should filter dynamically. I am using entity framework 4.1.

General Discussions

asked on 23 Dec 2011

3 answers

65 views

Server Side created Grid with CustomPaging and Filtering

All,

I have a grid which I dynamically create on server side.
As the Grid populates a large number of entries, I use custom pagine to retrieve only few rows at a time.
The problem is that Fitering is not working correctly when used with custom paging. The filter only filters data that appears in the current dataset (displayed page) and so provides only part of the actual number of rows that should return.
I tried using the technique displayed in http://demos.telerik.com/aspnet-ajax/grid/examples/programming/custompaging/defaultcs.aspx, but the example do not work for me and in fact it seems that it is not working correctly at all.

Any ideas?

Regards,
Tzach.

Grid

answered on 23 Dec 2011

1 answer

384 views

RadComboBox Auto Complete Problem

I want to bind states combo box based on which country is selected but when i try to do that programmatically i get the following error
"There is no assigned data source. Unable to complete callback request."

Here is my code

<telerik:RadComboBox ID="ddlState" runat="server" AllowCustomText="true" MaxHeight="100px" EnableAutomaticLoadOnDemand="true"></telerik:RadComboBox>

public void fillState(long countryId)

{

g_frontendDataContext fdc = new g_frontendDataContext();

try

{

var states = from i in fdc.tbl_sfl_states

where i.fk_country_id == countryId

select new

{

stateId = i.pk_state_id,

stateName = i.state_name

};

ddlState.DataSource = states.ToList();

ddlState.DataBind();

ddlState.DataTextField = "stateName";

ddlState.DataValueField = "stateId";

fdc.Dispose();

}

ComboBox

answered on 23 Dec 2011

3 answers

86 views

radgrid header is not picking up the css

Hi ,

I have given the attribute like this
HeaderStyle-CssClass="tdheaderblue"
ItemStyle-CssClass="tdheaderbluefirst"

where the tdheaderblue is a css class

.tdheaderblue th
{
background-color: #d5e2e9;
height: 16px;
color: #414141;
font-size: 12px;
border-right: 1px solid White;
padding: 3px 10px 3px 10px;
text-align: center;
}

but the items are able to pickup the css, but the header is not able to pickup the css.

Can any one please help me out ?

Thanks in advance !

regards,
Prasad Jidugu

General Discussions

answered on 23 Dec 2011

0 answers

63 views

Problem with CommandItemTemplate

Hi
I have a grid with CommandItemTemplate.there are button in CommandItemTemplate for example Insert button ,Save button ,etc
when i am in edit mode and i click save button there is an erro.code in save button is here

protected void dgdZone_InsertCommand(object sender, GridCommandEventArgs e)

{

Hashtable newValues = new Hashtable();

GridEditableItem editedItem = e.Item as GridEditableItem;

e.Item.OwnerTableView.ExtractValuesFromItem(newValues, editedItem);

objZone.SelectAll();

if (objZone.dtblZone.Select("strName='" + newValues["strName"].ToString() + "'").Length == 0)

{

objZone.StrName = newValues[

"strName"].ToString();

objZone.StrAddress = newValues[

"strAddress"].ToString();

objZone.Insert();

}

else

{

}

newValues is null therefor cause this error
Object reference not set to an instance of an object.
my code page is here

<

body>

<div>

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

</telerik:RadScriptManager>

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">

<telerik:AjaxSetting AjaxControlID="dgdZone">

<telerik:AjaxUpdatedControl ControlID="dgdZone" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadGrid ID="dgdZone" runat="server" AutoGenerateColumns="False" MasterTableView-Dir="RTL"

CellSpacing="0" GridLines="None" Width="50%" AutoGenerateHierarchy="True"

Skin="Outlook" onneeddatasource="dgdZone_NeedDataSource"

oninsertcommand="dgdZone_InsertCommand"

onupdatecommand="dgdZone_UpdateCommand" ondeletecommand="dgdZone_DeleteCommand">

</ClientSettings>

</ExportSettings>

</ClientSettings>

<

MasterTableView HierarchyLoadMode="Client" CommandItemDisplay="Top" Dir="RTL" EditMode="EditForms" Font-Names="Tahoma">

<

CommandItemTemplate>

<telerik:RadButton ID="btnEdit" CommandName="EditSelected" runat="server" Skin="Office2007" Font-Names="tahoma" Font-Size="8.5pt" Visible='<%# dgdZone.EditIndexes.Count == 0 %>' Text="ویرایش">

</telerik:RadButton>

<telerik:RadButton ID="btnCancel" CommandName="CancelAll" runat="server" Skin="Office2010Blue" Font-Names="tahoma" Font-Size="8.5pt" Text="انصراف" Visible='<%# dgdZone.EditIndexes.Count > 0 || dgdZone.MasterTableView.IsItemInserted %>'></telerik:RadButton>

<telerik:RadButton ID="btnSave" CommandName="UpdateEdited" runat="server" Skin="Office2010Blue" Font-Names="tahoma" Font-Size="8.5pt" Text="ذخیره" Visible='<%# dgdZone.EditIndexes.Count > 0 %>'></telerik:RadButton>

<telerik:RadButton ID="btnNew" CommandName="InitInsert" runat="server" Skin="Office2010Blue" Font-Names="tahoma" Font-Size="8.5pt" Text="منطقه جدید" Visible='<%# !dgdZone.MasterTableView.IsItemInserted %>'></telerik:RadButton>

<telerik:RadButton ID="btnSaveNewItem" CommandName="PerformInsert" Skin="Office2010Blue" Font-Names="tahoma" Font-Size="8.5pt" runat="server" Text="ثبت منطقه جدید" Visible='<%# dgdZone.MasterTableView.IsItemInserted %>'></telerik:RadButton>

<telerik:RadButton ID="btnDelete" CommandName="DeleteSelected" Skin="Office2010Blue" Font-Names="tahoma" Font-Size="8.5pt" runat="server" Text="حذف"></telerik:RadButton>

<%

--<telerik:RadToolBar ID="RadToolBar1" runat="server" OnClientButtonClicking="onToolBarClientButtonClicking" OnButtonClick="RadToolBar1_ButtonClick" Skin="Outlook">

<Items>

<telerik:RadToolBarButton Text="ویرایش" Font-Names="Tahoma" CommandName="EditSelected" ImageUrl="StyleStandars/Images/users_into.png" Visible='<%# dgdZone.EditIndexes.Count == 0 %>'></telerik:RadToolBarButton>

<telerik:RadToolBarButton Text="ذخیره" CommandName="UpdateEdited" ImageUrl="StyleStandars/Images/users_into.png" Visible='<%# dgdZone.EditIndexes.Count > 0 %>'></telerik:RadToolBarButton>

<telerik:RadToolBarButton Text="انصراف" CommandName="CancelAll" ImageUrl="StyleStandars/Images/users_into.png" Visible='<%# dgdZone.EditIndexes.Count > 0 || dgdZone.MasterTableView.IsItemInserted %>'></telerik:RadToolBarButton>

<telerik:RadToolBarButton Text="منطقه جدید" CommandName="InitInsert" ImageUrl="StyleStandars/Images/users_into.png" Visible='<%# !dgdZone.MasterTableView.IsItemInserted %>'></telerik:RadToolBarButton>

<telerik:RadToolBarButton Text="ثبت منطقه جدید" CommandName="PerformInsert" ImageUrl="StyleStandars/Images/users_into.png" Visible='<%# dgdZone.MasterTableView.IsItemInserted %>'></telerik:RadToolBarButton>

<telerik:RadToolBarButton Text="حذف" CommandName="DeleteSelected" ImageUrl="StyleStandars/Images/users_into.png"></telerik:RadToolBarButton>

<telerik:RadToolBarButton Text="بازآوری" CommandName="RebindGrid" ImageUrl="StyleStandars/Images/users_into.png"></telerik:RadToolBarButton>

</Items>

</telerik:RadToolBar>--

%>

</CommandItemTemplate>

<

CommandItemSettings ExportToPdfText="Export to PDF" ShowExportToExcelButton="True"

ShowExportToPdfButton="True"></CommandItemSettings>

<

RowIndicatorColumn Visible="True" FilterControlAltText="Filter RowIndicator column">

<

HeaderStyle Width="20px"></HeaderStyle>

</

RowIndicatorColumn>

<

ExpandCollapseColumn Visible="True" FilterControlAltText="Filter ExpandColumn column">

<

HeaderStyle Width="20px"></HeaderStyle>

</

ExpandCollapseColumn>

<telerik:GridTemplateColumn DataField="strName"

FilterControlAltText="Filter strName column" HeaderText="نام منطقه"

UniqueName="strName">

<telerik:RadTextBox ID="strNameTextBox" Skin="Office2010Blue" Font-Names="Tahoma" Text='<%# Bind("strName") %>' runat="server">

</telerik:RadTextBox>

</EditItemTemplate>

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

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn DataField="iNumber"

FilterControlAltText="Filter iNumber column" UniqueName="iNumber"

ForceExtractValue="Always" Visible="False" ReadOnly="True">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn DataField="strAdress"

FilterControlAltText="Filter strAdress column" HeaderText="آدرس"

UniqueName="strAddress">

<telerik:RadTextBox ID="strAdressTextBox" Skin="Office2010Blue" Width="400px" Font-Names="Tahoma" Text='<%# Bind("strAddress") %>' runat="server">

</telerik:RadTextBox>

</EditItemTemplate>

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

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn DataField="iParentNumber"

FilterControlAltText="Filter iParentNumber column" ForceExtractValue="Always"

UniqueName="iParentNumber" Visible="False" ReadOnly="True">

</telerik:GridBoundColumn>

</Columns>

<

EditColumn UniqueName="EditCommandColumn1" Visible="false" ButtonType="PushButton" InsertText="ذخیره" UpdateText="ذخیره"

CancelText="انصراف"></EditColumn>

</

EditFormSettings>

<

EditFormSettings>

<

EditColumn FilterControlAltText="Filter EditCommandColumn column"></EditColumn>

</

EditFormSettings>

</

MasterTableView>

<

FilterMenu EnableImageSprites="False">

<

WebServiceSettings>

<

ODataSettings InitialContainerName=""></ODataSettings>

</

WebServiceSettings>

</

FilterMenu>

<

HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Default">

<

WebServiceSettings>

<

ODataSettings InitialContainerName=""></ODataSettings>

</

WebServiceSettings>

</

HeaderContextMenu>

</telerik:RadGrid>

</div>

</form>

</

body>
Please help to me
Thanks

Grid

asked on 23 Dec 2011

2 answers

139 views

Button within RadGrid column

I have a class that inherits from GridBoundColumn (TextFilterButtonColumn.cs) in order to add some custom filtering. I then use TextFilterButtonColumn to create columns within a RadGrid. I would like to add a click event to each item in the column. I've done the following within TextFilterButtonColumn.cs:

public override void Initialize()

{

base.Initialize();

Owner.Page.ClientScript.RegisterClientScriptResource(this.GetType(), "Common.js");

}

public override void PrepareCell(TableCell cell, GridItem item)

{

base.PrepareCell(cell, item);

if (!(item is GridDataItem)) return;

var clickScript = string.Format("javascript:tfbc_Click('{0}','{1}');", this.Owner.ClientID, CommandName);

var linkButton = new HtmlAnchor() { ID = "lnk", InnerText = cell.Text, HRef = clickScript };

cell.Controls.Clear();

cell.Controls.Add(linkButton);

}

In the Common.js file I have the following function:

function tfbc_Click(owner, command, argument) {

$find(owner).fireCommand(command, argument);

}

This click event is then accessed inside of the RadGrid ItemCommand event by setting the CommandName property of the GridBoundColumn to "commandName" and checking for it:

if(e.CommandName == "commandName")

{

var item = (GridDataItem) e.Item;

var strKey = item.GetDataKeyValue("Id").ToString();

var control = (Details)Page.LoadControl("~/Controls/Details.ascx");

control.Id = long.Parse(strKey);

MPS.AddPopup(control);

}

I was hoping to access the Id of the row that the radgrid is bound to by calling GetDataKeyValue however this always returns 1. Is there a way to access information regarding the datasource for that row in the ItemCommand event? Or is there another way to accomplish this? Thanks.

Grid

answered on 23 Dec 2011

1 answer

127 views

ClientEvents-OnRequestStart and ClientEvents-OnResponseEnd not working

hi

ClientEvents-OnRequestStart and ClientEvents-OnResponseEnd is not working if the controls that i am calling is inside the panel that is disabled and i cannot postback the page using my submit button

For example

ClientEvents-OnRequestStart="ClearNameMsg" ClientEvents-OnResponseEnd="RadManagerResponseEnd"
      function ClearNameMsg() {
                  document.getElementById("<%=CustomDomainTxt.ClientID %>").disabled = true;
                  document.getElementById("<%=SubDomainTxt.ClientID %>").disabled = true;
              }

         function RadManagerResponseEnd() {
                  document.getElementById("<%=CustomDomainTxt.ClientID %>").disabled = false;
                 document.getElementById("<%=SubDomainTxt.ClientID %>").disabled = false;
              }

one of the two textboxes are inside a panel that is disabled. when i click the button submit. I cannot proceed. when i commented out this
       document.getElementById("<%=CustomDomainTxt.ClientID %>").disabled = false;
                 document.getElementById("<%=SubDomainTxt.ClientID %>").disabled = false;
      document.getElementById("<%=CustomDomainTxt.ClientID %>").disabled = true;
                  document.getElementById("<%=SubDomainTxt.ClientID %>").disabled = true;

Everything is working fine again. any help

Ajax

answered on 23 Dec 2011

1 answer

234 views

Preventing Form Submission During File Upload

Is there a graceful way to prevent a form from being submitted while there is a file uploading via RadAsyncUpload? I'm not fond of disabling the submit button or anything of that nature. I'm thinking more along the lines of allowing the submit button to be clicked, and a loading panel displays until the file is finished uploading and the form is submitted. I'm using ajax, so I need to use the AsyncUpload (otherwise I'd just use RadUpload and be done with it). Any suggestions?

AsyncUpload

answered on 23 Dec 2011

7 answers

206 views

Table dialog customization

I would like to customize the InsertTable dropdown tool by removing much of the functionality. I just want the tool to allow users to add a table, and add/delete rows and columns. I want to remove the table wizard and all the formatting capabilities (fonts, sizes, colors, backgrounds, borders, etc.).

I see the dialog code for each of the details (Table Wizard, Table Properties, Cell Properties) but I don't see anywhere that I can change the dropdown. Is that possible?

OK, I made progress on this. The InsertTable item is a button, so there isn't any dialog and it's not a dropdown, so I can't remove child items. I edited the TableWizard dialog, set the whole table to display:none, and added a div above the table with text that says these features are not available. So that meets my immediate need, because all the settings I don't want are in the TableWizard dialog.

So now the question is less urgent, because I have most of a solution. Does anyone know if there's any way to remove the Table Wizard, Table Properties and Cell Properties links from the InsertTable button? It would be better if the user could not make an invalid choice. But this doesn't seem likely to be something I can modify.

Editor

answered on 23 Dec 2011