Questions on UI for ASP.NET AJAX Forum

2 answers

226 views

I fill a treeView with Type object (MyCollection : List<MyType>, IHierarchicalEnumerable)
and work perfect but now I need set the datasource of a treeView inside a combox:

<telerik:RadComboBox ID="RadComboBox1" runat="server">

<ItemTemplate>

<telerik:RadTreeView ID="RadTreeView2" runat="server" >

</telerik:RadTreeView>

</ItemTemplate>

</telerik:RadComboBox

How I do that?

I been try this:
var tree = new RadTreeView {DataSource = _categoryCollection};
            tree.DataBind();
            RadComboBox1.Controls.Add(tree);
            RadComboBox1.DataBind();

The treview fill ok , But combobox does not show anything.

I need some like this

http://demos.telerik.com/aspnet-ajax/treeview/examples/functionality/treeviewcombobox/defaultcs.aspx

ComboBox

answered on 15 May 2012

2 answers

132 views

RadUpload w/ extra textbox & button

Hi Telerik,

When I use a RadUpload w/ ControlObjectsVisibility='None' I get (from left to right): a textbox, a button that says "Browse...", another textbox and then a button that says "Select."

I would like to get rid of the last two controls, the extra textbox & select button. I've seen other similar posts, which prescribed adding a RadStyleSheetManager and a RadScriptManager, but neither solution seems to work. Can you possibly provide any other insight or suggestions? Thanks very much.

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

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

<div>

<telerik:RadStyleSheetManager runat="server" ID="RadStyleSheetManager1" ></telerik:RadStyleSheetManager>

<telerik:RadUpload ID="escrowDocumentRadUpload" runat="server" AllowedFileExtensions="pdf" EnableEmbeddedSkins="false" Skin="Standard" InitialFileInputsCount="1" MaxFileInputsCount="1" ControlObjectsVisibility="None" />

Upload (Obsolete)

answered on 15 May 2012

6 answers

324 views

[Solved] Load Data Per Page

At my organization we have been using the Rad Grid and it has been working well for us. At the moment we're only loading a few hundred records at most into the grid, and using the paging functionality to limit 20 results per page. The performance is good.

A coworker shared a concern about potential performance issues if we have to load a very large data set into the grid. Even if the grid can handle it ok the query used to retrieve the data may take a long time. The suggestion to load the data per visible page was mentioned. From what I can discern from the available documentation the grid requires that all up front. That is to say that it doesn't support loading only a subset of the data per page, or set of pages. However, I would just like to be able to confirm that is the case and that I'm not missing something.

Thanks.

Grid

answered on 15 May 2012

1 answer

886 views

Edit particular column in radgrid

Any help ?
Hi ,
I have a radgrid with 4 columns, where i have to edit 2nd column highlighted below. What are things i have to achieve this ?
With below code last row 2nd column of grid is in editable mode and entire row is getting highlighted.. what are things i have to do for editing all rows and only 2 column.

Please Suggest .

   <telerik:RadGrid ID="rdGrdMenu" runat="server" AutoGenerateColumns="false" AllowFilteringByColumn="true"
                Skin="Office2007" GridLines="Both" OnItemDataBound="rdGrdMenu_ItemDataBound" >
                <MasterTableView EditMode="InPlace">
                    <Columns>
                        <telerik:GridBoundColumn HeaderText="Group Level" UniqueName="prdlvl" DataField="prdlvl"
                            Visible="true" ReadOnly="true">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn HeaderText="Description" UniqueName="prdlvldsc" DataField="prdlvldsc"
                            Visible="true" >
                        </telerik:GridBoundColumn>
                        <telerik:GridTemplateColumn HeaderText="Budget" UniqueName="budflg" DataField="budflg">
                            <ItemTemplate>
                                <cc1:AFSAt_CodeDropDown ID="drpDownBdgt" runat="server" AtCodeType="000006" Width="100%">
                                </cc1:AFSAt_CodeDropDown>
                            </ItemTemplate>
                        </telerik:GridTemplateColumn>
                        <telerik:GridTemplateColumn HeaderText="Status" UniqueName="Status" DataField="codsts">
                            <ItemTemplate>
                                <cc1:AFSAt_CodeDropDown ID="drpDownStatus" runat="server" AtCodeType="000001" Width="100%">
                                </cc1:AFSAt_CodeDropDown>
                            </ItemTemplate>
                        </telerik:GridTemplateColumn>
                    </Columns>
                </MasterTableView>
            </telerik:RadGrid>

Codebehind :
     protected void RadGrid1_PreRender(object sender, EventArgs e)
    {
        //to set the Grid always in edit mode
        foreach (GridDataItem item in rdGrdMenu.MasterTableView.Items)
        {
            item.Edit = true;
        }
        rdGrdMenu.Rebind();
    }

   Regards,
Akki

Grid

answered on 15 May 2012

1 answer

142 views

Drag/Drop error: Unable to get value of the property 'rows': object is null or undefined

Hi,

I am testing out the Drag/Drop capabilities of the RadGrid (dragging from one grid to another), and I've come across a problem. It works great when the grid I'm dragging from has more than one row, but if there's one row I get the following JScript error thrown:

Microsoft JScript runtime error: Unable to get value of the property 'rows': object is null or undefined

Here's my ASPX markup:

<script type="text/javascript">

function OnClientUpdated(sender, args) {

var message = "Update (check) was done!";

var newMsgs = sender.get_value();

if (newMsgs != 0) {

sender.show();

message += (newMsgs == 1) ? (" There is 1 new message!") : (" There are " + newMsgs + " new messages!");

}

else {

message += " There are no new messages!";

}

</script>

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

</telerik:RadScriptManager>

<telerik:RadScriptBlock runat="server" ID="scriptBlock">

<script type="text/javascript">

<!--

function onRowDropping(sender, args) {

if (sender.get_id() == "<%=RadGrid1.ClientID %>") {

var node = args.get_destinationHtmlElement();

if (!isChildOf('<%=RadGrid2.ClientID %>', node) && !isChildOf('<%=RadGrid1.ClientID %>', node)) {

args.set_cancel(true);

}

else {

var node = args.get_destinationHtmlElement();

if (!isChildOf('trashCan', node)) {

args.set_cancel(true);

}

else {

if (confirm("Are you sure you want to delete this order?"))

args.set_destinationHtmlElement($get('trashCan'));

else

args.set_cancel(true);

}

function isChildOf(parentId, element) {

while (element) {

if (element.id && element.id.indexOf(parentId) > -1) {

return true;

}

element = element.parentNode;

}

return false;

}

-->

</script>

</telerik:RadScriptBlock>

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server">

<telerik:RadSplitter ID="RadSplitter1" Width="100%" runat="server">

<telerik:RadPane runat="server">

<telerik:RadGrid ID="RadGrid1" runat="server" AllowFilteringByColumn="true"

onneeddatasource="RadGrid1_NeedDataSource" onrowdrop="RadGrid1_RowDrop">

<MasterTableView AllowCustomSorting="true" AllowPaging="true" DataKeyNames="ID" AllowSorting="true" PageSize="20">

</MasterTableView>

<ClientSettings AllowRowsDragDrop="True" AllowColumnsReorder="true" ReorderColumnsOnClient="true">

<Resizing AllowColumnResize="true" />

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

<Scrolling AllowScroll="true" UseStaticHeaders="true"/>

<ClientEvents OnRowDropping="onRowDropping" />

</ClientSettings>

</telerik:RadGrid>

</telerik:RadPane>

<telerik:RadSplitBar runat="server"></telerik:RadSplitBar>

<telerik:RadPane runat="server">

<telerik:RadGrid ID="RadGrid2" runat="server" AllowFilteringByColumn="true"

onneeddatasource="RadGrid2_NeedDataSource" onrowdrop="RadGrid2_RowDrop">

<MasterTableView AllowCustomSorting="true" DataKeyNames="ID" AllowPaging="true" AllowSorting="true" PageSize="20">

</MasterTableView>

<ClientSettings AllowRowsDragDrop="True" AllowColumnsReorder="true" ReorderColumnsOnClient="true">

<Resizing AllowColumnResize="true" />

<ClientEvents OnRowDropping="onRowDropping" />

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

<Scrolling AllowScroll="true" UseStaticHeaders="true"/>

</ClientSettings>

</telerik:RadGrid>

</telerik:RadPane>

</telerik:RadSplitter>

</telerik:RadAjaxPanel>

<telerik:RadNotification ID="RadNotification1" runat="server" LoadContentOn="TimeInterval"

Width="300" Animation="Fade" EnableRoundedCorners="true" EnableShadow="true"

OnClientUpdated="OnClientUpdated" Title="Notifications" OffsetX="-20" OffsetY="-20"

TitleIcon="none" UpdateInterval="10000" AutoCloseDelay="1500" OnCallbackUpdate="OnCallbackUpdate">

<ContentTemplate>

<asp:Literal ID="lbl" runat="server"></asp:Literal>

</ContentTemplate>

</telerik:RadNotification>

Here's my code behind:

public IList<Delivery> _Deliveries

{

get { return (List<Delivery>)Session["Deliveries"]; }

set { Session["Deliveries"] = value; }

}

protected void Page_Load(object sender, EventArgs e)

{

if (!IsPostBack)

{

_Deliveries = new List<Delivery>();

_Deliveries.Add(new Delivery { ID = 1, Assigned = false, Customer = "Micross", TripDate = DateTime.Today });

_Deliveries.Add(new Delivery { ID = 2, Assigned = false, Customer = "Test", TripDate = DateTime.Today });

_Deliveries.Add(new Delivery { ID = 3, Assigned = false, Customer = "Micross3", TripDate = DateTime.Today });

_Deliveries.Add(new Delivery { ID = 4, Assigned = false, Customer = "Test3", TripDate = DateTime.Today });

RadGrid1.DataBind();

}

private void BindMain()

{

RadGrid1.DataBind();

}

private void BindSecond()

{

RadGrid2.DataSource = _Deliveries.Where(a => a.Assigned == true);

RadGrid2.DataBind();

}

protected void OnCallbackUpdate(object sender, RadNotificationEventArgs e)

{

int newMsgs = DateTime.Now.Second % 10;

if (newMsgs == 5 || newMsgs == 7 || newMsgs == 8 || newMsgs == 9) newMsgs = 0;

lbl.Text = String.Concat(new object[] { "You have ", newMsgs, " new invoices to process!" });

RadNotification1.Value = newMsgs.ToString();

}

protected void RadGrid2_RowDrop(object sender, GridDragDropEventArgs e)

{

foreach (GridDataItem draggedItem in e.DraggedItems)

{

var tmpOrder = _Deliveries.Where(a => a.ID == (long)draggedItem.GetDataKeyValue("ID")).Single();

tmpOrder.Assigned = false;

}

RadGrid1.Rebind();

RadGrid2.Rebind();

}

protected void RadGrid1_NeedDataSource(object sender, GridNeedDataSourceEventArgs e)

{

RadGrid1.DataSource = _Deliveries.Where(a => a.Assigned == false);

}

protected void RadGrid2_NeedDataSource(object sender, GridNeedDataSourceEventArgs e)

{

RadGrid2.DataSource = _Deliveries.Where(a => a.Assigned == true);

}

protected void RadGrid1_RowDrop(object sender, GridDragDropEventArgs e)

{

foreach (GridDataItem draggedItem in e.DraggedItems)

{

var tmpOrder = _Deliveries.Where(a => a.ID == (long)draggedItem.GetDataKeyValue("ID")).Single();

tmpOrder.Assigned = true;

}

RadGrid1.Rebind();

RadGrid2.Rebind();

}

Thanks!

Grid

answered on 15 May 2012

5 answers

432 views

How to change the width of the grid on column hide/show

Hi all

I have a very wide grid, I am using Header Context Menu to Hide/Show the columns then I save the settings of the grid using GridSettingsPersister mentioned in the help.

My problem is that when I hide columns, save settings, and on the next time I load the settings and apply it on the grid, then I show some hidden columns(using header context menu, the grid does not resize, instead, with width of the other columns decreased. I used: TableLayout="Fixed", but It did not work. The width of the grid and master MasterTableView is calculated on GridSettingsPersister as follows:

    
                        double totalWidth = 0; 
        
                        foreach (GridColumn column in gridInstance.MasterTableView.Columns) 
        
                        { 
        
                            Triplet triplet = new Triplet(); 
        
                                triplet = dict[column.UniqueName]; 
        
                                Unit width = (Unit)triplet.Second; 
        
                                column.OrderIndex = (int)triplet.First; 
        
                                column.HeaderStyle.Width = width; 
        
                                column.Display = (bool)triplet.Third; 
        
                                if((bool)triplet.Third) 
        
                                    totalWidth += width.Value;                    
        
                        } 
        
                        gridInstance.Width = Unit.Percentage(totalWidth); 
        
                        gridInstance.MasterTableView.Width = Unit.Percentage(totalWidth);

Settings the width to 100% does not fix the issue, also leaving it empty.

Grid

answered on 15 May 2012

1 answer

401 views

How to populate a Radgrid based on the row selection from another Radgrid

I have two RadGrids, which are on different page(one is in base page another one in Overlay). Both are prepopulating and in first grid i have checkboxes for each row.

Now i want to add a new row in my second grid , based on the row selection of first grid means which rows checkboxes are checked.

Can anyone send me any sample code to do that. please Suggest.

Thanks.

Grid

answered on 15 May 2012

1 answer

150 views

Click on x-axis label

Can the x-axis labels be made as clickable ?

look in image that I attached.

Chart (Obsolete)

answered on 15 May 2012

2 answers

372 views

RegisterStartupScript not run script

Hello,

I have following scenario.

On the Form I have RadButton with code:

protected void RadButton_tab_Click(object sender, EventArgs e)

{

sesja="abcdef";



               ScriptManager.RegisterStartupScript(Page, typeof(Page), "runTabelka", "openTabelka('"+sesja+"')", true);

}

where openTabelka is javascript function located in body Form:

<telerik:RadScriptBlock ID="RadScriptBlock2" runat="server">

<script type="text/javascript">

function openTabelka(args) {

var adres = "http://127.0.0.1/Tabela.aspx?" + args;

window.open(adres, "_blank");

}

</script>

</telerik:RadScriptBlock>

next, I have script for key pressed on the Form:

function klik() {

var k = event.keyCode;

if (k == 13) {

var button = $telerik.findButton("<%= RadButton_tab.ClientID %>");

button.click();

};

}

and in body tag: <body onkeypress="javascript:klik()">

when I click (with mouse button) on my RadButton, function openTabelka is running and new page in Web Browser is opened.
but when I press Enter key, function klik() is fired, RadButton (RadButton_tab_Click) is fired (I see this in debugger),
line with ScriptManager.RegisterStartupScript(Page, typeof(Page), "runTabelka", "openTabelka('"+sesja+"')", true); is executed,
but script openTabelka is not running.
where I make a mistake ?

regards, Dominik

General Discussions

answered on 15 May 2012

3 answers

183 views

Multiple RadButtons in FormTemplate not firing ItemCommand event

<EditFormSettings InsertCaption="Assign/Modify Question" CaptionFormatString="Edit Record: {0}"

CaptionDataField="QuestionId" EditFormType="Template">

<asp:ValidationSummary ID="valSummaryApprove" ValidationGroup="ApproveGroup" ForeColor="DarkRed"

BackColor="Transparent" runat="server" Width="550px" Font-Names="Verdana" Font-Size="8pt"

TabIndex="-1" HeaderText="Validation Results" />

<asp:ValidationSummary ID="valSummaryReassign" ValidationGroup="ReassignGroup" ForeColor="DarkRed"

BackColor="Transparent" runat="server" Width="550px" Font-Names="Verdana" Font-Size="8pt"

TabIndex="-1" HeaderText="Validation Results" />

<asp:ValidationSummary ID="valSummary" ValidationGroup="UpdateGroup" ForeColor="DarkRed"

BackColor="Transparent" runat="server" Width="550px" Font-Names="Verdana" Font-Size="8pt"

TabIndex="-1" HeaderText="Validation Results" />

<table>
...

<tr>

<td>

<telerik:RadButton ID="RadButton1" ValidationGroup="ApproveGroup" TabIndex="14" CausesValidation="true" AutoPostBack="false" Text='<%# (Container is GridEditFormInsertItem) ? "Insert" : "Approve for Public Release" %>' runat="server" Skin="Web20"

CommandName='<%# (Container is GridEditFormInsertItem) ? "PerformInsert" : "Update" %>'>

</telerik:RadButton></td>

<td>

<telerik:RadButton ID="RadButton2" ValidationGroup="ReassignGroup" TabIndex="15" CausesValidation="true" AutoPostBack="false" Text='<%# (Container is GridEditFormInsertItem) ? "Insert" : "Reassign" %>' runat="server" Skin="Web20"

CommandName='<%# (Container is GridEditFormInsertItem) ? "PerformInsert" : "Update" %>'>

</telerik:RadButton></td>

<td>

<telerik:RadButton ID="Button1" ValidationGroup="UpdateGroup" TabIndex="16" CausesValidation="true"

Text='<%# (Container is GridEditFormInsertItem) ? "Insert" : "Update" %>' runat="server" Skin="Web20"

CommandName='<%# (Container is GridEditFormInsertItem) ? "PerformInsert" : "Update" %>'>

</telerik:RadButton></td><td><telerik:RadButton ID="btnCancel" CommandName="Cancel" TabIndex="17" Text="Cancel" CausesValidation="False"

runat="server" Skin="Web20"></telerik:RadButton></td>

</tr>

</table>

Approve for Public Release and Reassign buttons do not fire itemcommand event unless I set autopostback to true, which loses my edits.

Please help.

Thanks in advance...
...
</table>

Grid

answered on 15 May 2012

	double totalWidth = 0;

	foreach (GridColumn column in gridInstance.MasterTableView.Columns)
	{
	Triplet triplet = new Triplet();

	triplet = dict[column.UniqueName];
	Unit width = (Unit)triplet.Second;
	column.OrderIndex = (int)triplet.First;
	column.HeaderStyle.Width = width;
	column.Display = (bool)triplet.Third;

	if((bool)triplet.Third)
	totalWidth += width.Value;


	}
	gridInstance.Width = Unit.Percentage(totalWidth);
	gridInstance.MasterTableView.Width = Unit.Percentage(totalWidth);