Telerik Forums
UI for ASP.NET AJAX Forum
1 answer
269 views
Hi,

I have a grid with one GridTableView in <DetailTables> section. In GridTableView, first column is GridTemplateColumn with checkbox. I put one checkbox in GridTableView's command item to implement "Select All" functionality, so when user select this checkbox, particular details tables all rows checkbox should be selected. I want to implement this functionality on client side using javascript if possible otherwise server side code will be also fine.

<telerik:RadGrid ID="radGridReconStatus" GridLines="None" AutoGenerateColumns="false"
        ShowFooter="true" Width="1000px" AllowPaging="false" AllowSorting="true" runat="server"
        AllowAutomaticUpdates="false" Skin="Outlook" Visible="true" OnDetailTableDataBind="radGridReconStatus_DetailTableDataBind"
        OnItemDataBound="radGridReconStatus_ItemDataBound" OnNeedDataSource="radGridReconStatus_NeedDataSource"
        OnItemCommand="radGridReconStatus_ItemCommand">
        <ExportSettings IgnorePaging="true" OpenInNewWindow="true" ExportOnlyData="true"
            HideStructureColumns="true">
            <Pdf PageWidth="1000px" />
        </ExportSettings>
        <HeaderStyle Font-Bold="true" />
        <MasterTableView ShowFooter="true" DataKeyNames="ID" CommandItemDisplay="None">
            <DetailTables>
                <telerik:GridTableView Width="100%" DataKeyNames="REVIEW_ID, KEY_ID" runat="server" Name="Detail"
                    AutoGenerateColumns="false" ShowHeader="true" GridLines="None" AlternatingItemStyle-BackColor="AliceBlue"
                    CommandItemDisplay="Top">
                    <GroupHeaderItemStyle Font-Bold="true" />
                    <CommandItemTemplate>
                        <table border="0" cellpadding="0" cellspacing="0" width="100%">
                            <tr>
                                <td style="color: White;">
                                    <asp:CheckBox ID="chkSelectAll" runat="server" /><b>Select all</b>
                                </td>
                                <td align="right" style="color: White;">
                                    <asp:LinkButton ID="lnkDeleteInternal" runat="server" Font-Bold="true" Text="Delete Internal"
                                        CommandName="DeleteInternal" />
                                       
                                    <asp:LinkButton ID="lnkDeleteExternal" runat="server" Font-Bold="true" Text="Delete External"
                                        CommandName="DeleteExternal" />
                                       
                                    <asp:LinkButton ID="lnkDeleteBoth" runat="server" Font-Bold="true" Text="Delete Both"
                                        CommandName="DeleteBoth" />
                                       
                                </td>
                            </tr>
                        </table>
                    </CommandItemTemplate>
                    <%--<ParentTableRelation>
                        <telerik:GridRelationFields DetailKeyField="REVIEW_ID" MasterKeyField="REVIEW_ID" />
                    </ParentTableRelation>--%>
                    <Columns>
                        <telerik:GridBoundColumn DataField="KEY_ID" UniqueName="KEY_ID" Visible="false" />
                        <telerik:GridTemplateColumn HeaderText="Select" ItemStyle-Width="50px" UniqueName="CHECK_COLUMN">
                            <ItemTemplate>
                                <asp:CheckBox ID="chkSelect" runat="server" Enabled="true" />
                            </ItemTemplate>
                        </telerik:GridTemplateColumn>
                        <telerik:GridBoundColumn DataField="KEY_NAME" UniqueName="KEY_NAME" Visible="false"
                            HeaderText="Total Breaks" />
                        <telerik:GridBoundColumn DataField="TRANSACTION_TYPE" UniqueName="TRANSACTION_TYPE"
                            HeaderText="Transaction Type" Visible="true" ItemStyle-Width="250px" />
                        <telerik:GridBoundColumn DataField="INTERNAL_AMOUNT" UniqueName="INTERNAL_AMOUNT"
                            Visible="true" HeaderText="Internal System Amount" ItemStyle-Width="150px" DataFormatString="{0:#,###0}" />
                        <telerik:GridBoundColumn DataField="EXTERNAL_AMOUNT" UniqueName="EXTERNAL_AMOUNT"
                            Visible="true" HeaderText="External Party Amount" ItemStyle-Width="150px" DataFormatString="{0:#,###0}" />
                        <telerik:GridBoundColumn DataField="VARIANCE" UniqueName="VARIANCE" Visible="true"
                            HeaderText="Difference" ItemStyle-Width="100px" DataFormatString="{0:#,###0}" />
                    </Columns>
                </telerik:GridTableView>
            </DetailTables>
            <Columns>
                <telerik:GridBoundColumn DataField="REVIEW_ID" UniqueName="REVIEW_ID" Visible="false" />
                <telerik:GridBoundColumn DataField="RECON_ID" UniqueName="RECON_ID" Visible="false" />
                <telerik:GridBoundColumn DataField="ID" UniqueName="ID" Visible="false" />
                <telerik:GridBoundColumn DataField="REVIEW_COLUMN_VALUE_1" HeaderText="Key1" UniqueName="REVIEW_COLUMN_VALUE_1" />
                <telerik:GridBoundColumn DataField="REVIEW_COLUMN_VALUE_2" HeaderText="Key2" UniqueName="REVIEW_COLUMN_VALUE_2" />
                <telerik:GridBoundColumn DataField="REVIEW_COLUMN_VALUE_3" HeaderText="Key3" UniqueName="REVIEW_COLUMN_VALUE_3" />
                <telerik:GridBoundColumn DataField="REVIEW_COLUMN_VALUE_4" HeaderText="Key4" UniqueName="REVIEW_COLUMN_VALUE_4" />
                <telerik:GridBoundColumn DataField="REVIEW_COLUMN_VALUE_5" HeaderText="Key5" UniqueName="REVIEW_COLUMN_VALUE_5" />
                <telerik:GridBoundColumn DataField="INTERNAL_LOAD_DATE" HeaderText="Internal Load Date"
                    DataFormatString="{0:MM/dd/yyyy}" ItemStyle-Width="75px" />
                <telerik:GridBoundColumn DataField="EXTERNAL_LOAD_DATE" HeaderText="External Load Date"
                    DataFormatString="{0:MM/dd/yyyy}" ItemStyle-Width="75px" />
                <telerik:GridBoundColumn DataField="REVIEW_STATUS" HeaderText="REVIEW STATUS" UniqueName="REVIEW_STATUS" />
                <telerik:GridBoundColumn DataField="BreakCount" HeaderText="BreakCount" UniqueName="BreakCount" />
            </Columns>
        </MasterTableView>
    </telerik:RadGrid>

Can anyone help  me implementing this functionality?

Thanks
Vatsal
Elliott
Top achievements
Rank 2
 answered on 02 Jul 2012
1 answer
117 views
My computer crashed so we had to rebuild it.  I downloaded the most recent telerik files that I had licenses to.

I have some sites that used the older versions.  

So when I opened them, I'm getting the error 
"Failed to create designer 'Telerik.Web.UI.xxx version 2011.1.519.35 etc"

how to I fix that?

Thank you.
Eyup
Telerik team
 answered on 02 Jul 2012
1 answer
104 views
Hi.

I was looking for a way to select rows in radgrid client side and it works out of the box from samples.

But now i want to change row selection, I'm loading items from database and have an list of previously selected items.

The previous items are the already selected items, so i want to load all items and select the checkboxes for previous items.

So if i have a list of eg. 5 items, i have selected 3 and save, now i load the 5 items and want to select this 3 i already choose previously, but if i do it server side the client side does not reflect this, so how to do this?

Do i need to change all my code to server side row selection?
Eyup
Telerik team
 answered on 02 Jul 2012
1 answer
65 views
In editmode it works fine. In regular view mode it shows nbsp;
I think this is something to do with me using LinqtoSQL to populate? Can someone show me how to do this differentl so it works?

Thanks.

Justin Rumpf

<telerik:GridDropDownColumn DataSourceID="ReportNameddlist" ListTextField="ReportName"
    ListValueField="ReportName" UniqueName="ddReportName" SortExpression="ReportName"
    HeaderText="Report Name" DropDownControlType="DropDownList"
        DataField="ReportName">
</telerik:GridDropDownColumn>

editor =
CType(editMan.GetColumnEditor("ddReportName"), GridDropDownListColumnEditor)
Dim ReportNameddList As DropDownList = editor.DropDownListControl
ReportNameddList.DataSource = (From r In DbContext.SubscriptionReportNames Select r.ReportName).ToList()
ReportNameddList.DataBind()

Andrey
Telerik team
 answered on 02 Jul 2012
1 answer
137 views

Hi,

           I have a problem in my page that is in my aspx page  contains RadTextbox, RadComboBox and RadEditor.  In the top of the  I have  placed radtextbox  and placed the radcombox below to the radtextbox then placed the radeditor.  

   

     My problem is if radtextbox is at top then radcombo and rad editor is not working also it will displayed without skin. If radeditor is at top then combo will not works also displayed without style.

 

      Then I have removed the radtextbox.  Radcombo is at top now radeditor will not works. If i placed  the radeditor in top of the page then radcombo will not works. I have attached the image of the radeditor, which displays without skin when radcombo is at top.

Thanks

Velkumar  

Rumen
Telerik team
 answered on 02 Jul 2012
2 answers
181 views
I have two radgrid controls in a window. Both of the grids initially utilize the same data and both are bound to the underlying data.
In grid1 the last column is a checkbox to which I have attached a click event. What I need to do, because of the way the underlying data will be used, when the checkbox in grid1 is clicked, the corresponding row checkbox in grid2 becomes checked, and I need this to be client-side.

What I have done is use javascript to get the checkbox id, change the reference from grid1 to grid2 and update the related checkbox in grid2 to the checked state of the item in grid1. This works as expected for only the first item in grid1. After some digging, I have found that the checkboxes in grid2 are not numbered in the same fashion as those in grid1, despite having the same columns, data and controls.

For example, the checkbox ID in row0 is grid1_ctl00_ctl04_cbxConfirm. The checkbox in the second grid is grid2_ctl00_ctl04_cbxConfirm. When I look at row1, the source ID is grid1_ctl00_ctl05_cbxConfirm, but the destination is grid2_ctl00_ctl06_cbxConfirm. It seems that checkboxes in grid1 are incremented by 1 for each row, while in grid2, the checkbox ID is being incremented by 2 for each row.

I am not creating any other controls (both grids are identical)

Is there a better way to handle this update?
Is there something I need to look at regarding the control incrementing?

Thanks
Keith
Top achievements
Rank 2
 answered on 02 Jul 2012
0 answers
96 views
Hello.

My grid bound column contains html markup like <table><tr><td>MyText</td></tr></table>
If i right click on this cell i see browser context menu.  Can i do that i see context menu?

Best Regards,
Alexandr.
Петряков
Top achievements
Rank 1
 asked on 02 Jul 2012
2 answers
402 views

The text in my radgrid is bleeding into the next field. I have tried fixing the issue using CSS, but, I'm not getting the desired results. Here is my code.
<script type="text/css">
.RadGrid .rgHeader, 

.RadGrid .rgEditRow td,

.RadGrid .rgRow td,

.RadGrid .rgAltRow td

{

white-space : nowrap !important;

overflow : hidden !important;

text-overflow : ellipsis !important;

table-layout : fixed !important;

}

</script>

 

<telerik:RadScriptManager ID="ScriptManagerAggressiveMatches" runat="server" EnableTheming="True">

 </telerik:RadScriptManager>

 

<telerik:RadGrid ID="RadGridAggressiveMatches" runat="server" DataMember="Aggressive Members" AutoGenerateEditColumn="True" GridLines="None" AllowFilteringByColumn="True" AllowPaging="True" AllowSorting="True" ShowFooter="True" Skin="Office2007" PageSize="50">

<ItemStyle Width="20px" />

<PagerStyle Mode="NumericPages" NextPageText="Next" PrevPageText="Previous" />

<MasterTableView Width="98%" TableLayout="Fixed">

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

</RowIndicatorColumn

<
ExpandCollapseColumn>

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

 </ExpandCollapseColumn>

 

 </MasterTableView
 

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

<Selecting AllowRowSelect="True" />  

<Scrolling AllowScroll="True" UseStaticHeaders="True" />
</ClientSettings
 

<FilterMenu EnableTheming="True">  

<CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation>  

</FilterMenu>

</telerik:RadGrid>

 



Jayesh Goyani
Top achievements
Rank 2
 answered on 02 Jul 2012
1 answer
114 views
I would like to get the value of the DataValueField on Item Click and use that value for the Items Expanded. Something like below.
Protected Sub RadPanelBar1_ItemClick(sender As Object, e As Telerik.Web.UI.RadPanelBarEventArgs) Handles RadPanelBar1.ItemClick
 
    Dim Extend = RadPanelBar1.DataValueField
 
    RadPanelBar1.Items(Extend).Expanded = True
 
End Sub


Is this possible?
Kate
Telerik team
 answered on 02 Jul 2012
1 answer
664 views
Hi,

I need to check if a GridButtonColumn was clicked client-side and I also need to know for which row this was.
Getting the event was easy, I subscribed to the OnCommand client event and check if it is my button:

function OnCommand(sender, args) {
   if (args.get_commandName() == "MyCommand") {
      args.set_cancel(true);
      // need to get the current row
   }
}

But how can I access the row in which the button was clicked?

Thanks!

Edit: I just saw how to acccess the row index:
var rowIndex = args.get_commandArgument();

But how can I access the dataKeyValue of this row?
Shinu
Top achievements
Rank 2
 answered on 02 Jul 2012
Narrow your results
Selected tags
Tags
+? more
Top users last month
Boardy
Top achievements
Rank 2
Veteran
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
ivory
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ClausDC
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Boardy
Top achievements
Rank 2
Veteran
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
ivory
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ClausDC
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?