or
<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();
}