Questions on UI for ASP.NET AJAX Forum

19 answers

1.4K+ views

Hi,
I seem to experiencing a problem where the NeedDataSource event is not being fired after Rebind is called. The grid shows the data on load etc, but after clicking on a link button in the grid, the NeedDataSource event is not firing (confirmed via debugger)

I am calling Rebind method from within the ItemCommand event. Please view the code below:

    
            void Grid_ItemCommand(object source, GridCommandEventArgs e) 
        
                { 
        
                    if (e.CommandName == "Toggle") 
        
                    {        
        
                        #region Toggle the database record 
        
                        /// Do some stuff, update some records 
        
                        #endregion       
        
                       Grid.Rebind(); 
        
                    } 
        
            }

    
             <telerik:RadGrid ID="Grid" runat="server" AutoGenerateColumns="false" 
        
                                    Width="300px" AllowMultiRowSelection="true" AllowPaging="false"> 
        
                                    <SelectedItemStyle CssClass="SelectedItem"></SelectedItemStyle> 
        
                                    <MasterTableView DataKeyNames="EntityId"> 
        
                                        <RowIndicatorColumn Visible="False"> 
        
                                            <HeaderStyle Width="20px" /> 
        
                                        </RowIndicatorColumn> 
        
                                        <ExpandCollapseColumn Resizable="False" Visible="False"> 
        
                                            <HeaderStyle Width="20px" /> 
        
                                        </ExpandCollapseColumn> 
        
                                        <Columns> 
        
                                            <telerik:GridBoundColumn DataField="Data" HeaderText="Data" UniqueName="Data"> 
        
                                            </telerik:GridBoundColumn> 
        
                                            <telerik:GridButtonColumn ButtonType="LinkButton" CommandName="Toggle" Text="Toggle"> 
        
                                            </telerik:GridButtonColumn> 
        
                                        </Columns> 
        
                                        <EditFormSettings> 
        
                                            <PopUpSettings ScrollBars="None" /> 
        
                                        </EditFormSettings> 
        
                                    </MasterTableView> 
        
                                </telerik:RadGrid>

Thanks,

Grid

answered on 23 Dec 2016

1 answer

169 views

Sorting Ignores Hyphen

I am databinding a DataTable to a RadGrid. The records look something like this:

Customer Name

A-Line Truck Equipment
ABC Enterprises
Airflow Systems
Airtest
Alloring
Anderson and Associates

But when this column is sorted in the grid, it appears like this:

ABC Enterprises
Airflow Systems
Airtest
A-Line Truck Equipment
Alloring
Anderson and Associates

As you can see, the hyphen is ignored in the A-Line Truck Equipment name which moves it in the list. Is there a way to prevent this?

Grid

answered on 22 Dec 2016

3 answers

144 views

[Solved] Manual Editing/Updating in Grouping of RadListView

Hi,

I am having RadListView grouped by Date. I am trying to edit/update records in RadListView. I was able to get record key value through editFormItem.GetDataKeyValue("Seq"). But unable to access the record items in either of the updateCommand or ItemCommand events. Any help , how to access the record.

Thank you.

<t:RadListView ID="rgHrs" runat="server" RenderMode="Mobile" AllowMultiFieldSorting="true"
ItemPlaceholderID="myTimeGroupContainer" DataKeyNames="Seq" AllowPaging="true"
OnNeedDataSource="rgHrs_NeedDataSource"
OnItemDataBound="rgHrs_ItemDataBound"
OnItemCommand="rgHrs_ItemCommand"
OnItemCreated="rgHrs_ItemCreated"
OnItemDeleting="rgHrs_DeleteCommand"
OnItemUpdating="rgHrs_UpdateCommand"
>
<ItemTemplate>
<div class="row">
<div class="column small-12 ">
<header> DATE </header>
<div>
<%#Eval("WORK_DT", "{0:MM/dd/yyyy}")%>
</div>
</div>
<div class="column small-12" id="wkHrsDiv" runat="server" >
<header> HOURS </header>
<div>
<%#Eval("WORK_HRS")%>
</div>
</div>
<div class="column small-12">
<header> PC </header>
<div>
<%#Eval("PAY_CODE")%>
</div>
</div>
<div class="column small-12">
<header> ST</header>
<div >
<%#Eval("ST_CODE")%>
</div>
</div>
<div class="column small-12">
<header> COMP ID </header>
<div >
<%#Eval("COMP_ID")%>
</div>
</div>
<div class="column small-12">
<header> GL ID </header>
<div >
<%#Eval("GL_ID")%>
</div>
</div>
<div class="column small-12">
<header> WORK ORDER </header>
<div>
<%#Eval("WR_ODR_NO")%>
</div>
</div>
<div class="column small-12" style="display:none"
<header> Sequence number </header>
<div>
<%#Eval("Seq")%>
</div>
</div>
</div>

<div class="row">
<div id="commentIdDiv" runat="server" class="column medium-4">
<div class="color-blue">
<header> COMMENT </header>
</div>
<div class="note">
<asp:Label ID="lblRGComment" runat="server" Text='<%# Eval("LD_COMMENT") %>' ToolTip='<%# Eval("LD_COMMENT") %>' />
</div>
</div>

<div class="column medium-4 text-right">

<asp:Button id="editButton" runat="server" ButtonType="StandardButton" CommandName="Edit"
RenderMode="Lightweight"
Text="EDIT" class="button small" >

</asp:Button>

<asp:Button id="deleteButton" runat="server" ButtonType="StandardButton" CommandName="Delete"
RenderMode="Lightweight"
Text="DELETE" class="button small" >

</asp:Button>

</div>

</div>
</ItemTemplate>

<EmptyDataTemplate>
<div class="EmptyRows">
There are no items to be displayed.
</div>
</EmptyDataTemplate>

<EditItemTemplate>
<section>
<div class="row">
<div class="column small-12 ">
<header> DATE </header>
<div>
<t:RadTextBox RenderMode="LightWeight" ID="txtWorkDt" runat="server" Text='<%#Eval("WORK_DT", "{0:MM/dd/yyyy}")%>' >
</t:RadTextBox>
</div>
</div>
<div class="column small-12" id="wkHrsDiv" runat="server" >
<header> HOURS </header>
<div>
<t:RadTextBox RenderMode="LightWeight" ID="txtWorkHrs" runat="server" Text='<%#Eval("WORK_HRS")%>'>
</t:RadTextBox>
</div>
</div>
<div class="column small-12">
<header> PC </header>
<div>
<t:RadTextBox RenderMode="LightWeight" ID="txtPayCode" runat="server" Text='<%#Eval("PAY_CODE")%>'>
</t:RadTextBox>
</div>
</div>
<div class="column small-12">
<header> ST</header>
<div >
<t:RadTextBox RenderMode="LightWeight" ID="txtStateCode" runat="server" Text='<%#Eval("ST_CODE")%>'>
</t:RadTextBox>
</div>
</div>
<div class="column small-12">
<header> COMP ID </header>
<div >
<t:RadTextBox RenderMode="LightWeight" ID="txtCompID" runat="server" Text='<%#Eval("COMP_ID")%>'>
</t:RadTextBox>
</div>
</div>
<div class="column small-12">
<header> GL ID </header>
<div >
<t:RadTextBox RenderMode="LightWeight" ID="txtGlId" runat="server" Text='<%#Eval("GL_ID")%>'>
</t:RadTextBox>
</div>
</div>
<div class="column small-12">
<header> WORK ORDER </header>
<div>
<t:RadTextBox RenderMode="LightWeight" ID="txtWorkOrder" runat="server" Text='<%#Eval("WR_ODR_NO")%>'>
</t:RadTextBox>
</div>
</div>
<div class="column small-12" style="display:none"
<header> Sequence number </header>
<div>
<t:RadTextBox RenderMode="LightWeight" ID="txtSeqMinMax" runat="server" Text='<%#Eval("Seq")%>'>
</t:RadTextBox>
</div>
</div>
</div>


<div class="row">
<div id="commentIdDiv" runat="server" class="column medium-4">
<div class="color-blue">
<header> COMMENT </header>
</div>
<div class="note">
<t:RadTextBox ID="txtRGComment" runat="server" Text='<%# Eval("LD_COMMENT") %>' ToolTip='<%# Eval("LD_COMMENT") %>'>
</t:RadTextBox>
</div>
</div>

<div class="column medium-4" >
<t:RadButton RenderMode="Lightweight" ID="btnUpdate" runat="server" Text="UPDATE" CommandName="Update">
</t:RadButton>
<t:RadButton RenderMode="Lightweight" ID="btnCancel" runat="server" Text="CANCEL" CommandName="Cancel">
</t:RadButton>
</div>
</div>

</EditItemTemplate>

<LayoutTemplate>
<ul class="accordion my-time-report" data-accordion data-allow-all-closed="true" role="tablist" data-multi-expand="true">
<asp:PlaceHolder ID="myTimeGroupContainer2" runat="server"></asp:PlaceHolder>
</ul>
</LayoutTemplate>

<GroupSeparatorTemplate>
</GroupSeparatorTemplate>

<DataGroups>
<t:ListViewDataGroup GroupField ="WORK_DT" DataGroupPlaceholderID="MyTimeGroupContainer2" SortOrder="Ascending">
<DataGroupTemplate>
<li class="accordion-item border-bottom-2x" data-accordion-item >
<a class="accordion-title" role="tab" aria-expanded="false" aira-selected="false" >
<asp:Label runat="server" ID="Label39" Text='<%# (Container as RadListViewDataGroupItem).DataGroupKey + "Daily Total Hours: " +
(Container as RadListViewDataGroupItem).AggregatesValues["WORK_HRS"].ToString() %>'>
</asp:Label>
</a>
<div class="accordion-content" data-tab-content role="tabpanel" aria-hidden="true" style="display:none;">
<asp:PlaceHolder ID="myTimeGroupContainer" runat="server"></asp:PlaceHolder>
</div>
</li>
</DataGroupTemplate>
<GroupAggregates>
<telerik:ListViewDataGroupAggregate Aggregate="Sum" DataField="WORK_HRS" />
</GroupAggregates>
</t:ListViewDataGroup>

</DataGroups>
</t:RadListView>

Backend:

protected void rgHrs_UpdateCommand(object sender, RadListViewCommandEventArgs e)
{
try
{
// unable to access through editable item record.
RadListViewEditableItem editFormItem = (RadListViewEditableItem)e.ListViewItem;
Label stxtWorkHrs = new Label();
stxtWorkHrs = (Label)editFormItem.FindControl("WORK_HRS");
--
--
--
MyTime.UpdateTimeSheet(iCompID, sEmpID, Date, Hrs, Comment, etc....); // manual update to database..
}
catch (Exception ex)
{
DataHelper.LogErrors(ex);
throw ex;
}
}

ListView

answered on 22 Dec 2016

2 answers

121 views

Special Menu

I would like to implement special menu as here: http://decisionlens.com/customers.

Meaning tab functionality with transparent background and highlighting on the bottom

I need only top level, so no submenu necessary

Any recommendations?

Thank you

General Discussions

answered on 22 Dec 2016

1 answer

134 views

Frozen Column With Grid Resize

Hi, we need a grid with the following :-

1. Grid Resize
2. Frozen Column
3. 100% height for the grid ( Check the attachment)

We need all this 3 in a grid, to achieve #3 we have done a css change for rgDataDiv and this is working fine and #1 also no issues its working

.rgDataDiv{position:relative; height:auto !important; overflow-x: auto !important; overflow-y: hidden !important; }

But #2 Frozen column is not working & if we remove the above css (avoiding the 100% height) the frozen is working fine, we need all the three in the same grid, do you have any examples?

Note :- we have removed the grid scroll and using our application scroll for the grid.

Grid

answered on 22 Dec 2016

1 answer

83 views

Use Gauge - Volume Control in RadGridView

How can I use (Gauge - Volume Control in RadGrid) Like (RadRating in RadGrid) Sample

Gauge

answered on 22 Dec 2016

3 answers

831 views

GridClientSelectColumn - determine whenever any (or all) rows are selected - client-side ?

Hello,

The RadGrid events for the GridClientSelectColumn , eludes me . I think we can make the assumption it contains a check box. But how do we inspect client events/state on this control .

[in client/javascript]

I simply want to know , when a user clicks on one (or more) check boxes in the GridClientSelectColumn , to determine if they checked or unchecked the row ?

The purpose : I am trying to hide a RadButton , if none of my ( GridClientSelectColumn ) rows are selected. However, if even one is selected, I want to show my RadButton. I also need to take into account if the user clicks on the column header checkbox ( [de]selecting all ) .

Thank you for your guidance !

Grid

answered on 22 Dec 2016

10 answers

366 views

[Solved] How to cancel all uploads from script?

Hi,

We have a RadAsyncUpload located in a custom menu-like component (a div that is displayed/hidden with a client script).

When this div is hidden (user is clicking a close button), we want to cancel all uploads that are currently active.
We have did this by calling deleteAllFileInputs() function on the async upload, this did seem to work, but I noticed that the actual upload is not canceled when calling this method, it is still running in the background and other client events might be called (such as OnClientFileUploadFailed)...

Is there any other way to actually cancel all current uploads with a client script?

Regards
Caesar

AsyncUpload

answered on 22 Dec 2016

1 answer

75 views

PanelBar item display "missing" on Chrome

It maybe something changed in chrome that caused issue on some skin of the PanelBar not displaying correctly? On IE, it seems to be ok, but on Chrome, some skin (e.g. Default, Office series), on the highlighted item, the "text" and part of the "highlight" would be missing. Will there be a patch coming out for this issue?

Thank you!

PanelBar