Questions on UI for ASP.NET AJAX Forum

2 answers

116 views

RadGrid wont sort in opposite direction + other issues

Hi boys and girls,
I'm having an issue with a RadGrid where the sorting mechanism wont alternate directions, after click the column name again. Also, if I click the actual sorting arrow image, it changes the sorted column to the column to the right of it. Lastly, the paging mechanism removes any sort that is applied to the RadGrid.

I'm guessing these issues are all related, but I'm not sure what the cause is. Currently I and handling the NeedDataSource event, and programmatically binding the grid depending on whether certain options are entered on the screen. However, when sorting, these options don't change, so the issue shouldn't be that, but I'm not 100%. Also, I don't have any advanced settings configured with the grid. Just the columns definitions, sorting enabled, paging enabled, EnableRowHoverStyle, and EnablePostBackOnRowClick. In fact, here is the markup:

    
            <telerik:RadGrid runat="server" ID="uxRadGrid" AllowFilteringByColumn="False" GridLines="None" 
        
                Skin="Simple" AutoGenerateColumns="False" OnNeedDataSource="uxRadGrid_NeedDataSource" 
        
                OnItemCommand="uxRadGrid_ItemCommand" OnSortCommand="uxRadGrid_SortCommand"> 
        
                <MasterTableView DataKeyNames="id"  AllowPaging="True" 
        
                    AllowSorting="True"> 
        
                    <Columns> 
        
                        <telerik:GridBoundColumn DataField="id" UniqueName="id" AutoPostBackOnFilter="true" 
        
                            AllowFiltering="False" FilterControlWidth="30" AllowSorting="true" SortExpression="id" 
        
                            HeaderText="Incident ID"> 
        
                        </telerik:GridBoundColumn> 
        
                        <telerik:GridBoundColumn DataField="product" AutoPostBackOnFilter="true" AllowFiltering="False" 
        
                            FilterControlWidth="40" AllowSorting="true" HeaderText="Product" SortExpression="product"> 
        
                        </telerik:GridBoundColumn> 
        
                        <telerik:GridDateTimeColumn DataField="comment" DataFormatString="{0:yyyy-MM-dd}" 
        
                            AutoPostBackOnFilter="true" FilterControlWidth="40" AllowFiltering="false" AllowSorting="true" 
        
                            HeaderText="Date" SortExpression="comment"> 
        
                        </telerik:GridDateTimeColumn> 
        
                        <telerik:GridBoundColumn DataField="description" AutoPostBackOnFilter="true" AllowFiltering="False" 
        
                            AllowSorting="true" SortExpression="description" HeaderText="Description" ItemStyle-Width="50%"> 
        
                            <ItemStyle Width="50%" /> 
        
                        </telerik:GridBoundColumn> 
        
                    </Columns> 
        
                    <RowIndicatorColumn> 
        
                        <HeaderStyle Width="20px" /> 
        
                    </RowIndicatorColumn> 
        
                    <ExpandCollapseColumn> 
        
                        <HeaderStyle Width="20px" /> 
        
                    </ExpandCollapseColumn> 
        
                </MasterTableView> 
        
                <ClientSettings EnableRowHoverStyle="true" EnablePostBackOnRowClick="true"></ClientSettings> 
        
                <FilterMenu EnableTheming="True"> 
        
                    <CollapseAnimation Duration="200" Type="OutQuint" /> 
        
                </FilterMenu> 
        
            </telerik:RadGrid>

Any ideas? Thanks in advance!

Grid

answered on 03 Nov 2009

1 answer

96 views

Gap between docks

How can I create blank spaces/gaps between vertical docks in a dockzone? It won't let me add a <BR>.

Thanks!

Dock

answered on 03 Nov 2009

2 answers

214 views

Client Filter event on keyboard "Enter" key

Hi Guys,

Seems "Filter" event is fired only when you filter using menu and mouse.
When you press enter in filter textboxes - seems nothing happens.

I need to collapse all my nested items before filtering my client-side bound grid.
Can you please advise the best way how to achieve my goal ?

Grid

answered on 03 Nov 2009

1 answer

144 views

RadXmlHttpPanel won't work on RadTab__TabClick place.Controls.Add(LoadControl("c.ascx"))"

WebUserControl1 has:

function SetInterval()

{

var panel = $find("<%=RadXmlHttpPanel1.ClientID%>");

panel.set_value("yes");

}

</script>

<br />

<telerik:RadXmlHttpPanel ID="RadXmlHttpPanel1" runat="server" LoadingPanelID="RadAjaxLoadingPanel1"

OnServiceRequest="RadXmlHttpPanel1_ServiceRequest">

<asp:Label ID="Label1" runat="server" Text="Timer Not Started"></asp:Label>

</telerik:RadXmlHttpPanel>

This works, from the Page_Load adding the control:

protected void Page_Load(object sender, EventArgs e)

{

this.place.Controls.Add(LoadControl("WebUserControl1.ascx"));

}

This doesn't on a tab click adding the control and alerts "XmlHttpPanel Callback Loading error:

Exception=The target 'ctl01$RadXmlHttpPanel1' for the callback could not be found or did not implement ICallbackEventHandler.":

protected void Page_Load(object sender, EventArgs e)

{

grantTabs.TabClick += new RadTabStripEventHandler(grantTabs_TabClick);

}

void grantTabs_TabClick(object sender, RadTabStripEventArgs e)

{

this.place.Controls.Add(LoadControl("WebUserControl1.ascx"));

}

--------------------------------------------------------------------

Just making the control load on the tab click stops the XmlHttpPanel from working.

<telerik:RadTabStrip

runat="server"

ID="grantTabs"

Skin="Default">

<Tabs>

<telerik:RadTab runat="server" Text="Overview" PageViewID="overview" Selected="true" />

<telerik:RadTab runat="server" Text="Activities" PageViewID="activities" />

</Tabs>

</telerik:RadTabStrip>

<asp:PlaceHolder ID="place" runat="server" />

</div>

Is this a bug or is there a work around?

Thanks

XmlHttpPanel

answered on 03 Nov 2009

1 answer

188 views

GridClientSelectColumn checkboxes alignment issue

Hi,

I am using the telerik rad grid to display a hierarchical grid to the users. The grid is bound to a dataset with both data tables for the master and detail view. Following is the code for the grid:
---------------------------------------------------------------------------------------------------------------------------------------------------------------
<radG:EMGrid ID="radUserTypesGrid" runat="server" Width="95%" AutoGenerateColumns="False"
            AllowPaging="True" EnableAJAX="True" GridLines="None" AllowExport="true" AllowMultiRowSelection="True">
            <ExportSettings ExportOnlyData="true" FileName="Group User Types" />
            <ClientSettings AllowExpandCollapse="True">
                <Selecting AllowRowSelect="true" />
            </ClientSettings>
            <MasterTableView Name="GroupAdminUserType" DataKeyNames="UserTypeID" HierarchyLoadMode="Client"
                Width="100%">
                <NoRecordsTemplate>
                    <div class="noRecords">
                        <asp:Label runat="server" ID="lblMasterError">No User Types are available.</asp:Label>
                        <br />
                    </div>
                </NoRecordsTemplate>
                <DetailTables>
                    <radG:GridTableView Name="GroupAdminUserJobType" DataKeyNames="UserTypeID" HierarchyLoadMode="Client"
                        Width="100%" runat="server">
                        <ParentTableRelation>
                            <radG:GridRelationFields DetailKeyField="UserTypeID" MasterKeyField="UserTypeID" />
                        </ParentTableRelation>
                        <NoRecordsTemplate>
                            <div class="noRecords">
                                <asp:Label runat="server" ID="lblChildError">No Job Types are available.</asp:Label>
                                <br />
                            </div>
                        </NoRecordsTemplate>
                        <Columns>
                            <radG:GridTemplateColumn UniqueName="DummyColumn">
                                <ItemTemplate>
                                </ItemTemplate>
                                <ItemStyle Width="30px" />
                            </radG:GridTemplateColumn>
                            <radG:GridClientSelectColumn UniqueName="chkUserJobType">
                                <HeaderStyle Width="5px" HorizontalAlign="Left" />
                                <ItemStyle Width="5px" HorizontalAlign="Left" VerticalAlign="Middle" />
                            </radG:GridClientSelectColumn>
                            <radG:GridBoundColumn HeaderText="" DataField="UserTypeID" UniqueName="UserTypeID"
                                Visible="false" />
                            <radG:GridBoundColumn HeaderText="" DataField="JobTypeID" UniqueName="JobTypeID"
                                Visible="false" />
                            <radG:GridBoundColumn HeaderText="Job Type" DataField="JobType" UniqueName="JobType" />
                            <radG:GridBoundColumn HeaderText="" DataField="Status" UniqueName="Status" Visible="false" />
                        </Columns>
                        <ExpandCollapseColumn Visible="False" />
                        <RowIndicatorColumn Visible="False" />
                    </radG:GridTableView>
                </DetailTables>
                <Columns>
                    <radG:GridClientSelectColumn UniqueName="chkUserType">
                        <HeaderStyle Width="10%" HorizontalAlign="Left" />
                        <ItemStyle Width="10%" HorizontalAlign="Left" VerticalAlign="Middle" />
                    </radG:GridClientSelectColumn>
                    <radG:GridBoundColumn HeaderText="" DataField="UserTypeID" UniqueName="UserTypeID"
                        Visible="false" />
                    <radG:GridBoundColumn HeaderText="" DataField="UserType" UniqueName="UserType" />
                    <radG:GridBoundColumn HeaderText="" DataField="Status" UniqueName="Status" Visible="false" />
                </Columns>
                <PagerStyle Mode="NextPrevAndNumeric" HorizontalAlign="Center" />
                <ExpandCollapseColumn />
                <RowIndicatorColumn Visible="False" />
            </MasterTableView>
        </radG:EMGrid>
---------------------------------------------------------------------------------------------------------------------------------------------------------------------
I am using the first column as GridClientSelectColumn for displaying checkbox column to the grid. The grid has a status column each for the master and detail view. The status column is used to set the GridClientSelectColumn check box check/uncheck state. I use the item databound event to check for the status value and check/uncheck the check box. On load, the grid is bound to the dataset and the check boxes are set properly - no issues at all (Please see the screenshot # 1). The problem is when I try to deselect a bound check box. As I uncheck the checkbox, the alignment gets disturbed and the screen looks very ugly (see screenshot # 2 for more details). I have tried to set the width of the columns and other options but no luck.

Please assist me with this issue.

Thanks,
Vaibhav Modak

Grid

answered on 03 Nov 2009

6 answers

443 views

ExtractValuesFromItem returns all null values

I have a hierarchical grid that uses Linq and the entity framework to do custom paging, at some point I noticed that the edit function was no longer working. The problem is that whenever I try to get the values using the following code they all come back as null.
The item.SavedOldValues is populated as I would expect. I can paste the aspx and c# but since there is ALLOT of it I figured I'd wait until someone asks for it. Right now I'm really looking for suggestions.

    
            protected void rgEditor_UpdateCommand(object source, GridCommandEventArgs e)  
        
                {  
        
                    GridEditableItem item = e.Item as GridEditableItem;  
        
                    Hashtable edited = new Hashtable();  
        
                    item.OwnerTableView.ExtractValuesFromItem(edited, item);  
        
                    //at this point edited has all the keys I would expect but the valeus are all null  
        
                }

Thanks

Bill

Grid

answered on 03 Nov 2009

0 answers

89 views

contest menu in rad Scheduler

I am having a contest menu in my scheduler . In this i have three items called(Show,Order,View) .
i witten server side code for every menu click . When i click on "Show" for a particular date some data is storing into the database.

After that when i click on same date the "Show" menu item should be disabled because it is already in "Show" mode.

when i right click on other day it should be enabled.

plz help its urgent......

Scheduler

asked on 03 Nov 2009

5 answers

178 views

Custom Templates / AJAX & Customizing the prompt to delete an appointment

I am using both a custom inline insert and custom advanced edit template on my scheduler. I am making some webservice calls (custom code) in my handlers for the insert/update buttons:

protected

void rsScheduler_AppointmentUpdate(object sender, Telerik.Web.UI.AppointmentUpdateEventArgs e)

protected

void rsScheduler_AppointmentInsert(object sender, Telerik.Web.UI.SchedulerCancelEventArgs e)

All of the code works great, the scheduler is a great control and now that I am down to the polishing, I have run into two issues:

1) I cannot for the life of me get the RadLoadingPanel to fire when clicking on my Insert / Update buttons in my advanced templates. Although the code works, it leaves the user wondering what is happening as the code behind processes. When I try to add the buttons to my AjaxManager, it breaks their interaction with the scheduler so I am wondering if anyone has gotten this to work.

2) When one of my users tries to delete an appointment, the modal popup that the control throws is nice, but not applicable to my app (it is a leasing tool, not an appointment scheduler). I need to be able to modify at least the text, if not replace it entirely. Anyone know how?

Thanks,

Jim

Scheduler

answered on 03 Nov 2009

1 answer

86 views

RadPane and keyboard accessibility

I designed an application using RadSplitter with two RadPanes. The first RadPane contains a RadTreeView, is coded in the same page, works fine, and is keyboard accessible. The second RadPane pulls in another page and I cannot figure out how to shift focus using the keyboard from the RadTreeView to the updated RadPane2. The screen reader tells me that there is one frame on the page and, after clicking a link in the TreeView, that RadPane2 updated. However, none of the standard keyboard shortcuts for navigating frames and the Alt+accesskey I entered for RadPane2 doesn't work.

Is there something else I need to do to be able to move from one to the other using the keyboard?
Thanks!
Jen

Splitter