<form id="form1" runat="server"> |
<telerik:RadScriptManager runat="server" ID="RSM_Demo" /> |
<telerik:RadCodeBlock ID="RCB_Demo" runat="server"> |
|
<script type="text/javascript"> |
function OnClientButtonClicked(sender, args) |
{ |
var button = args.get_item(); |
alert('Button Text:' + button.get_text()); |
alert('Button Command Name:' + button.get_commandName()); |
alert('Button Command Argument:' + button.get_commandArgument()); |
alert('Button Value:' + button.get_value()); |
// var index = button.get_index(); |
// alert('List Index:' + index); |
var clientDataKeyValues = $find('<%=((RadListView)RPB_Address.Items[0].Items[0].FindControl("RLV_Address")).ClientID%>').get_clientDataKeyValue(); |
//get index 0 value |
var id = clientDataKeyValues[0]["CustomerID"]; |
alert('Target ID:' + id); |
} |
</script> |
</telerik:RadCodeBlock> |
<div style="width:100%"> |
<table dir="rtl" cellpadding="5" cellspacing="0" width="100%" style="border: 1px solid #CACACA;"> |
<tr> |
<td id="AddressZone"> |
<asp:SqlDataSource runat="server" ID="SDS_Addresses" ConnectionString="<%$ ConnectionStrings:NorthwindConnectionString %>" |
ProviderName="System.Data.SqlClient" SelectCommand="SELECT [CustomerID],[CompanyName],[ContactName],[Address],[City],[Region],[PostalCode] FROM [Northwind].[dbo].[Customers]" /> |
<telerik:RadPanelBar dir="rtl" ID="RPB_Address" runat="server" Height="241px" Width="100%" |
ExpandMode="FullExpandedItem" Style="float: left" Skin="Vista"> |
<Items> |
<telerik:RadPanelItem Text="Addresses" Expanded="true" ImageUrl="Images/map.png" |
ImagePosition="Right"> |
<Items> |
<telerik:RadPanelItem> |
<ItemTemplate> |
<telerik:RadListView ID="RLV_Address" runat="server" DataKeyNames="CustomerID" ClientDataKeyNames="CustomerID" |
DataSourceID="SDS_Addresses" ItemPlaceholderID="PlaceHolder1" Skin="Vista"> |
<LayoutTemplate> |
<asp:Panel ID="pnl_Address" runat="server" Width="100%" Height="181px" ScrollBars="Vertical" |
HorizontalAlign="Center"> |
<table dir="rtl" cellpadding="5" cellspacing="5" width="95%" style="text-align: right;"> |
<tr> |
<td> |
<asp:PlaceHolder ID="PlaceHolder1" runat="server"></asp:PlaceHolder> |
</td> |
</tr> |
</table> |
</asp:Panel> |
<telerik:RadToolBar ID="RTB_Address" runat="server" Width="100%" Skin="Office2007" |
dir="rtl"> |
<Items> |
<telerik:RadToolBarButton ImageUrl="Images\map_add.png" CommandName="Add"> |
</telerik:RadToolBarButton> |
</Items> |
</telerik:RadToolBar> |
</LayoutTemplate> |
<ItemTemplate> |
<table cellpadding="5" cellspacing="5" style="width: 100%; border: 1px solid #CACACA; |
padding: 5;" dir="rtl"> |
<tr> |
<td colspan="2"> |
<telerik:RadToolBar ID="RTB_Address_In" Orientation="Horizontal" runat="server" Width="100%" |
Skin="Office2007" dir="rtl" OnClientButtonClicked="OnClientButtonClicked"> |
<Items> |
<telerik:RadToolBarButton Text="Edit" Width="50px" ImageUrl="Images\map_edit.png" CommandName="Edit" PostBack="false" |
ImagePosition="AboveText" CommandArgument='<%#Eval("CustomerID") %>' Value='<%#Eval("CustomerID") %>'> |
</telerik:RadToolBarButton> |
<telerik:RadToolBarButton Text="Delete" Width="50px" ImageUrl="Images\map_delete.png" CommandName="Delete" PostBack="false" |
ImagePosition="AboveText" CommandArgument='<%#Eval("CustomerID") %>' Value='<%#Eval("CustomerID") %>'> |
</telerik:RadToolBarButton> |
</Items> |
</telerik:RadToolBar> |
</td> |
</tr> |
<tr> |
<td nowrap="nowrap"> |
<asp:Label ID="lbl_City" runat="server" Text="المدينة :"></asp:Label> |
</td> |
<td nowrap="nowrap"> |
<%#Eval("CompanyName")%> |
</td> |
</tr> |
<tr> |
<td nowrap="nowrap"> |
<asp:Label ID="lbl_Address_1" runat="server" Text="العنوان 1 :"></asp:Label> |
</td> |
<td nowrap="nowrap"> |
<%#Eval("Address")%> |
</td> |
</tr> |
<tr> |
<td nowrap="nowrap"> |
<asp:Label ID="lbl_Address_2" runat="server" Text="العنوان 2 :"></asp:Label> |
</td> |
<td nowrap="nowrap"> |
<%#Eval("PostalCode")%> |
</td> |
</tr> |
</table> |
<div> |
</div> |
</ItemTemplate> |
</telerik:RadListView> |
</ItemTemplate> |
</telerik:RadPanelItem> |
</Items> |
</telerik:RadPanelItem> |
</Items> |
</telerik:RadPanelBar> |
</td> |
</tr> |
</table> |
</div> |
</form> |