or
<telerik:RadPanelBar runat="server" ID="pnlPageComponents" Width="100%" OnClientLoad="componentsPanelClientLoad" onitemclick="pnlAdditionalPageEntities_ItemClick" OnClientItemClicked="componentsPanelClientClicked"> <CollapseAnimation Type="None"></CollapseAnimation> <ExpandAnimation Type="None"></ExpandAnimation> <Items> <telerik:RadPanelItem Height="29px" Text="Components" Value="Components" CssClass="rpHeader1"> <HeaderTemplate> <span class="rpOut rpNavigation" style="cursor:pointer; border-left:1px solid #cccccc; border-right:1px solid #cccccc;"> <span class="panelExpandIcon"></span> <span class="rpText"> <asp:Label ID="lblHeader0Components" runat="server"></asp:Label> <asp:Label ID="lblItemStatus0Components" CssClass="pageContentComponentsEditorHeaderDescriptionBlue" runat="server"></asp:Label> </span> </span> </HeaderTemplate> <ContentTemplate> <asp:UpdatePanel ID="UpdatePanelComponents" runat="server" UpdateMode="Conditional"> <ContentTemplate> <uc4:Components ID="pageComponentsList" runat="server" /> </ContentTemplate> </asp:UpdatePanel> </ContentTemplate> </telerik:RadPanelItem> </Items></telerik:RadPanelBar><rad:RadGrid ID="rgBestellingen" runat="server" AllowPaging="True" runat="server" GridLines="None" Width="90%"> <MasterTableView> <PagerStyle Mode="NextPrevAndNumeric" HorizontalAlign="Right"></PagerStyle> </MasterTableView></rad:RadGrid>
public partial class Test : BasePage{ protected void Page_Load(object sender, EventArgs e) { List<string[]> items = new List<string[]>(50); for (int i=0;i<50;i++) items.Add(new string[3] { "1", "2", "3" }); rgBestellingen.DataSource = items; rgBestellingen.VirtualItemCount = items.Count; rgBestellingen.Rebind(); }}
protected void edtQuestRichText_PreRender(object sender, EventArgs e) { RadEditor edtQuestRichText = (sender as RadEditor); edtQuestRichText.ImageManager.ViewPaths = new String[] { "~/CommonImages", Session["currentCustomerImagesFolder"].ToString() }; }
<telerik:RadGrid ID="RadGrid1" runat="server" AutoGenerateSelectColumn="True" CellSpacing="0" GridLines="Horizontal" AutoGenerateColumns="False" OnClientClick="RadGrid1_SelectedIndexChanged"> <ClientSettings EnablePostBackOnRowClick="true"> <Selecting AllowRowSelect="true" /> </ClientSettings><MasterTableView><Columns> <telerik:GridTemplateColumn AllowFiltering="false" UniqueName="TemplateEditColumn"> <ItemTemplate> <asp:HyperLink ID="EditLink" runat="server" Text="Edit"></asp:HyperLink> </ItemTemplate> <FooterStyle Width="32px" /> <HeaderStyle Width="32px" /> <ItemStyle Width="32px" /> </telerik:GridTemplateColumn> <telerik:GridBoundColumn DataField="UniqueID" HeaderText="Unique ID" UniqueName="UniqueID" FooterStyle-Width="1px" HeaderStyle-Width="1px" ItemStyle-Width="1px" Visible="false"/> <telerik:GridBoundColumn DataField="Telephone" HeaderText="Telephone" UniqueName="Telephone" FooterStyle-Width="1px" HeaderStyle-Width="1px" ItemStyle-Width="1px" Visible="false"/> <telerik:GridBoundColumn DataField="StatusID" HeaderText="StatusID" UniqueName="StatusID" FooterStyle-Width="1px" HeaderStyle-Width="1px" ItemStyle-Width="1px" Visible="false"/> <telerik:GridBoundColumn DataField="Customer" HeaderText="Customer" UniqueName="Customer" FooterStyle-Width="1px" HeaderStyle-Width="1px" ItemStyle-Width="1px" /> <telerik:GridBoundColumn DataField="From" HeaderText="From" UniqueName="From" FooterStyle-Width="100px" HeaderStyle-Width="100px" ItemStyle-Width="100px" Visible="false"/> <telerik:GridBoundColumn DataField="Subject" HeaderText="Subject" UniqueName="Subject" FooterStyle-Width="100px" HeaderStyle-Width="100px" ItemStyle-Width="100px" /> <telerik:GridBoundColumn DataField="Name" HeaderText="Taken By" UniqueName="Name" FooterStyle-Width="100px" HeaderStyle-Width="100px" ItemStyle-Width="100px" /> <telerik:GridBoundColumn DataField="TakenOn" HeaderText="Taken On" UniqueName="TakenOn" FooterStyle-Width="100px" HeaderStyle-Width="100px" ItemStyle-Width="100px" /> <telerik:GridBoundColumn DataField="Urgent" HeaderText="Urgent" UniqueName="Urgent" FooterStyle-Width="1px" HeaderStyle-Width="1px" ItemStyle-Width="1px" /> <telerik:GridBoundColumn DataField="StatusNew" HeaderText="Status" UniqueName="StatusNew" FooterStyle-Width="100px" HeaderStyle-Width="100px" ItemStyle-Width="100px" /></Columns><CommandItemSettings ExportToPdfText="Export to PDF"></CommandItemSettings><RowIndicatorColumn Visible="True" FilterControlAltText="Filter RowIndicator column"><HeaderStyle Width="5px"></HeaderStyle></RowIndicatorColumn><ExpandCollapseColumn Visible="True" FilterControlAltText="Filter ExpandColumn column"><HeaderStyle Width="5px"></HeaderStyle></ExpandCollapseColumn><EditFormSettings><EditColumn FilterControlAltText="Filter EditCommandColumn column"></EditColumn></EditFormSettings></MasterTableView><FilterMenu EnableImageSprites="False"></FilterMenu> </telerik:RadGrid>Dim item As GridDataItem = TryCast(RadGrid1.SelectedItems(0), GridDataItem) <telerik:RadGrid ID="ClientenGrid" runat="server" AllowMultiRowSelection="True" CellSpacing="0" GridLines="None" OnNeedDataSource="ClientenGrid_NeedDataSource" AllowPaging="True" PageSize="7" DataMember="ID"> <ClientSettings> <Selecting AllowRowSelect="True" /> <ClientEvents OnCellSelecting="ClientenGrid_OnCellSelecting" /> </ClientSettings> <MasterTableView DataMember="ID"> <CommandItemSettings ExportToPdfText="Export to PDF" /> <RowIndicatorColumn FilterControlAltText="Filter RowIndicator column" Visible="True"> </RowIndicatorColumn> <ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column" Visible="True"> </ExpandCollapseColumn> <EditFormSettings> <EditColumn FilterControlAltText="Filter EditCommandColumn column"> </EditColumn> </EditFormSettings> </MasterTableView> <FilterMenu EnableImageSprites="False"> </FilterMenu> </telerik:RadGrid> <br/> <table style="float: left;"> <tr> <td> <asp:Label ID="AantalClienten" runat="server" Text="Aantal cliënten geslectecteerd: "></asp:Label><asp:Label ID="Aantal" runat="server" Text=""></asp:Label> </td> </tr> </table> <table style="float: right;"> <tr> <td> <dx:ASPxButton ID="OKBtn" runat="server" Text="Ok" AutoPostBack="False"> <ClientSideEvents Click="function(s, e) { ClientenPicker.Hide();}" /> </dx:ASPxButton> </td> <td> <dx:ASPxButton ID="CancelBtn" runat="server" Text="Cancel" AutoPostBack="False"> <ClientSideEvents Click="function(s, e) { ClientenPicker.Hide();}" /> </dx:ASPxButton> </td> </tr> </table>
<ImageManager ViewPaths='/blogUpload/postimage/' DeletePaths='/blogUpload/postimage/' UploadPaths='/blogUpload/postimage/' MaxUploadFileSize="6553600" />
string[] viewImages = new string[] { "/blogupload/postimage/" }; string[] uploadImages = new string[] { @"E:\SharedFiles\blogupload\postimage"};
string[] deleteImages = new string[] { @"E:\SharedFiles\blogupload\postimage"};
RadEditorContent.ImageManager.ViewPaths = viewImages; RadEditorContent.ImageManager.UploadPaths = uploadImages; RadEditorContent.ImageManager.DeletePaths = deleteImages; RadEditorContent.ImageManager.MaxUploadFileSize = 6553600;
<telerik:RadGrid ID="AudienceRecipientsGrid" runat="server" Width="695" AllowPaging="True" PageSize="15" AutoGenerateColumns="false" AllowMultiRowSelection="true" > <HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Default"></HeaderContextMenu> <MasterTableView TableLayout="Fixed" DataKeyNames="CustomerID" ClientDataKeyNames="CustomerID"> <Columns> <telerik:GridBoundColumn DataField="CustomerID" DataType="System.Int32" FilterControlAltText="Filter CustomerID column" HeaderText="CustomerID" SortExpression="CustomerID" UniqueName="CustomerID" Visible="False" ReadOnly="True"></telerik:GridBoundColumn> <telerik:GridClientSelectColumn UniqueName="ClientSelectColumn" HeaderStyle-Width="6%" ItemStyle-Width="6%"> <HeaderStyle Width="6%"></HeaderStyle> <ItemStyle Width="6%"></ItemStyle> </telerik:GridClientSelectColumn> <telerik:GridBoundColumn DataField="Name" FilterControlAltText="Filter Name column" HeaderText="Voornaam" SortExpression="Name" UniqueName="Name"></telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="SurName" FilterControlAltText="Filter SurName column" HeaderText="Achternaam" SortExpression="SurName" UniqueName="SurName"></telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="Email" FilterControlAltText="Filter Email column" HeaderText="E-mail" SortExpression="Email" UniqueName="Email"></telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="joindate" DataType="System.DateTime" FilterControlAltText="Filter joindate column" HeaderText="Inschrijfdatum" DataFormatString="{0:dd/MM/yyyy HH:mm:ss}" UniqueName="joindate" ReadOnly="true" ></telerik:GridBoundColumn> </Columns> </MasterTableView> <ClientSettings> <Selecting AllowRowSelect="true" EnableDragToSelectRows="false" /> <Scrolling AllowScroll="False" EnableVirtualScrollPaging="True" UseStaticHeaders="True"></Scrolling> <DataBinding Location="~/ems/EMSWS.asmx" StartRowIndexParameterName="startRowIndex" MaximumRowsParameterName="maxRows"></DataBinding> <ClientEvents OnRowSelected="RowSelected" OnRowDeselected="RowDeselected" OnRowCreated="RowCreated" OnRowDataBound="RowDataBound" /> </ClientSettings> <PagerStyle Mode="NumericPages" /> <FilterMenu EnableImageSprites="False"></FilterMenu></telerik:RadGrid>
<span onclick="deleteCustomers()" class="cms_hyperlink">Ontvangers verwijderen</span>
All grid logic is done here:
//Grid logic
var selected = {};
function RowSelected(sender, args) {
var customerID = args.getDataKeyValue("CustomerID");
if (!selected[customerID]) {
selected[customerID] = customerID;
}
}
function RowDataBound(sender, args) {
//Every time a new page is loaded, all rows are unselected....
var customerID = args.get_dataItem()["CustomerID"];
if (selected[customerID]) {
args.get_item().set_selected(true);
}
else {
args.get_item().set_selected(false);
}
}
function RowDeselected(sender, args) {
var customerID = args.getDataKeyValue("CustomerID");
if (selected[customerID]) {
selected[customerID] = null;
}
}
function RowCreated(sender, args) {
var customerID = args.getDataKeyValue("CustomerID");
if (selected[customerID]) {
args.get_gridDataItem().set_selected(true);
}
}
//Deleting customers
function deleteCustomers() {
WSdeleteCustomers();
}
function WSdeleteCustomers() {
var dfd = new jQuery.Deferred();
$.ajax({
type: 'POST',
url: "/ems/emsws.asmx/RemoveEmailFromAudience",
dataType: "json",
contentType: "application/json; charset=utf-8",
data: "{ 'strCustomerIDs': '" + GetSelectedCustomers() + "', 'iAudienceID': '" + getParameterByName('id') + "' }",
cache: false,
success: function (data) {
dfd.resolve();
}
}).done(function () {
dfd.promise();
}).pipe(function () {
reloadGridAfterDelete();
});
}
function GetSelectedCustomers() {
var allids = '';
var grid = $find("<%=AudienceRecipientsGrid.ClientID %>");
var MasterTable = grid.get_masterTableView();
var selectedRows = MasterTable.get_selectedItems();
for (var i in selected) {
allids = allids + i + ',';
}
return allids;
}
function reloadGridAfterDelete() {
//console.log("reload grid");
var masterTable = window.$find("<%= AudienceRecipientsGrid.ClientID %>").get_masterTableView();
//masterTable.rebind();
console.log("deleteSelectedItems()");
masterTable.deleteSelectedItems();
}