.Net Professional: how to add checkbox in componentart grid

Monday, June 25, 2012

how to add checkbox in componentart grid

<script type="text/javascript">
var headerChecked = false;
function headerCheck(grid, column, wasChecked) {
var gridItem;
var itemIndex = 0;
headerChecked = wasChecked;

grid.beginUpdate();
while (gridItem = grid.get_table().getRow(itemIndex)) {
// set dontPersist to true to improve performance

//var email = gridItem.get_cells()[4].get_value()+";";
var itemid = "" + itemIndex + "";
var row = grid.getItemFromClientId(itemid);
//document.getElementById('<%=hdnEmail.ClientID %>').value += gridItem.get_cells()[4].get_value() + ";";
if (wasChecked == false) {
gridItem.SetValue(column, false, true);
document.getElementById('<%=hdnEmail.ClientID %>').value = "";
}
else {

if (row.getMember("Email").Value != "") {
gridItem.SetValue(column, wasChecked, true);
document.getElementById('<%=hdnEmail.ClientID %>').value += row.getMember("Email").Value + ";";
}
else {
gridItem.SetValue(column, false, true);
// var val = gridItem.get_cells()[0].value;
}
}
itemIndex++;
}
grid.endUpdate();
}

function ToggleCheckbox(objCheckbox, itemID, e) {

var row = candidateSearch.getItemFromClientId(itemID);

if (objCheckbox.checked) {
candidateSearch.select(row, true);
if (row.getMember("Email").Value != "") {
document.getElementById('<%=hdnEmail.ClientID %>').value += row.getMember("Email").Value + ";";
}
else {
objCheckbox.checked = false;
objCheckbox.disabled = true;
//objCheckbox.style.display = 'none';
}
}
else {
var abc = "";
candidateSearch.unSelect(row);
var values = document.getElementById('<%=hdnEmail.ClientID %>').value.split(";");
document.getElementById('<%=hdnEmail.ClientID %>').value = "";
if (values.length > 0) {
for (var i = 0; i < values.length - 1; i++) {
if (values[i] == row.getMember("Email").Value) {

}
else {
document.getElementById('<%=hdnEmail.ClientID %>').value += values[i] + ";";
}
}
}
}

return false;
}
</script>

<ComponentArt:Grid RunningMode="Callback" runat="server" ID="candidateSearch" EmptyGridText="Record not found"
SearchOnKeyPress="true" SearchTextCssClass="left-align" ShowSearchBox="true"
HeaderCssClass="GridHeader" GroupingPageSize="1000" PagerStyle="Slider" PageSize="1000"
EditOnClickSelectedItem="false" FooterCssClass="GridFooter" ShowFooter="false"
ShowHeader="True" GroupingNotificationTextCssClass="GridHeaderText" AllowPaging="false"
SliderPopupClientTemplateId="SliderTemplate" LoadingPanelClientTemplateId="LoadingFeedbackTemplate"
PreExpandOnGroup="true" CssClass="Grid" SliderGripWidth="10" SliderWidth="150"
SliderPopupOffsetX="20" PagerButtonHeight="22" PagerButtonWidth="41" PagerImagesFolderUrl="~/template/resources/Grid/Pager/"
OnItemCommand="candidateSearch_ItemCommand" OnFilterCommand="candidateSearch_FilterCommand"
OnSortCommand="candidateSearch_SortCommand" IndentCellWidth="2" AllowEditing="false"
KeyboardEnabled="false" ItemDraggingEnabled="true" ExternalDropTargets="TreeView1" ScrollBar="Off">
<Levels>
<ComponentArt:GridLevel RowCssClass="Row" DataCellCssClass="DataCell" HeadingCellCssClass="HeadingCell"
HeadingRowCssClass="HeadingRow" HeadingTextCssClass="HeadingCellText" SelectedRowCssClass="SelectedRow"
GroupHeadingCssClass="GroupHeading" SortAscendingImageUrl="~/template/resources/Grid/Images/asc.gif"
SortDescendingImageUrl="~/template/resources/Grid/Images/desc.gif" SortImageWidth="7"
SortImageHeight="4">
<Columns>
<ComponentArt:GridColumn HeadingText="" AllowEditing="True" HeadingCellClientTemplateId="CheckboxHeadingCellTemplate"
AllowSorting="False" DataCellClientTemplateId="SelectorTemplate" />
<ComponentArt:GridColumn Visible="false" DataField="ResumeID" HeadingText="ResumeID"
AllowSorting="true" SortedDataCellCssClass="SortedDataCell" />
<ComponentArt:GridColumn DataField="CandidateName" HeadingText="Name" AllowSorting="true"
SortedDataCellCssClass="SortedDataCell" />
<ComponentArt:GridColumn Visible="false" DataField="attachmentid" HeadingText="attachmentid"
AllowSorting="true" SortedDataCellCssClass="SortedDataCell" />
<ComponentArt:GridColumn DataField="NotesImage" HeadingText="NotesImage" AllowSorting="False"
SortedDataCellCssClass="SortedDataCell" Visible="false" />
<ComponentArt:GridColumn DataField="Email" HeadingText="Email" AllowSorting="true"
SortedDataCellCssClass="SortedDataCell" />
<ComponentArt:GridColumn Width="120" AllowGrouping="False" HeadingText="Phone" DataField="Phone"
Align="center" AllowSorting="False" AllowEditing="False" AllowReordering="False" />
<ComponentArt:GridColumn Width="60" AllowGrouping="False" HeadingText="Mobile" DataField="Mobile"
Align="center" AllowSorting="False" AllowEditing="False" AllowReordering="False" />
<ComponentArt:GridColumn Width="60" AllowGrouping="False" HeadingText="View/Edit Notes"
Align="center" AllowSorting="False" DataCellServerTemplateId="ViewNotes" AllowEditing="False"
AllowReordering="False" />
<ComponentArt:GridColumn Width="80" AllowGrouping="False" HeadingText="Status" DataField="Status"
Align="center" AllowSorting="False" AllowEditing="False" AllowReordering="False" />
<ComponentArt:GridColumn Width="60" AllowGrouping="False" HeadingText="Score" DataField="AMTScore"
Align="center" AllowSorting="False" AllowEditing="False" AllowReordering="False" />
<ComponentArt:GridColumn Width="60" AllowGrouping="False" HeadingText="Details" Align="center"
AllowSorting="False" DataCellServerTemplateId="ViewDetails" AllowEditing="False"
AllowReordering="False" />
<ComponentArt:GridColumn Width="60" AllowGrouping="False" HeadingText="Select" Align="center" DataField="ImageName"
DataCellServerTemplateId="SelectImage" AllowSorting="False" AllowEditing="False"
AllowReordering="False" />
</Columns>
</ComponentArt:GridLevel>
</Levels>
<ClientEvents>
<ItemExternalDrop EventHandler="myHandler" />
</ClientEvents>
<ClientTemplates>
<ComponentArt:ClientTemplate ID="SliderTemplate" runat="server">
<table cellspacing="0" cellpadding="0">
<tr>
<td colspan="2">
<div class="pagingnumberRelative">
<div class="pagingnumberAbsolute">
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td>
Page <b>## DataItem.PageIndex + 1 ##</b> of <b>## CVAlert.PageCount ##</b>
</td>
</tr>
</table>
</div>
</div>
</td>
</tr>
</table>
</ComponentArt:ClientTemplate>
<ComponentArt:ClientTemplate ID="LoadingFeedbackTemplate" runat="server" Visible="false">
<table cellspacing="0" cellpadding="0" border="0" style="margin-top: 80px; margin-left: auto;
margin-right: auto;">
<tr>
<td style="font-size: 10px;">
Loading... 
</td>
<td>
<img alt="" height="16" src="../template/resources/Grid/Images/spinner.gif" width="16" />
</td>
</tr>
</table>
</ComponentArt:ClientTemplate>
<ComponentArt:ClientTemplate ID="CheckboxHeadingCellTemplate">
<input type="checkbox" onclick="headerCheck(candidateSearch, 0, this.checked)" ## headerChecked ? 'checked':'' ## />
</ComponentArt:ClientTemplate>
<ComponentArt:ClientTemplate ID="SelectorTemplate">
<input type="checkbox" ## if(DataItem.getCurrentMember().get_value() == true) "checked"; else "unchecked" ## onclick="javascript:ToggleCheckbox(this, '## DataItem.ClientId ##', event);" />
</ComponentArt:ClientTemplate>
<%--<ComponentArt:ClientTemplate ID="SelectImage">
<img id="imageFlag" onclick="javascript:ToggleRow(this, '## DataItem.ClientId ##', event);"
src='<%# Container.DataItem["ImageName"]%>' />
</ComponentArt:ClientTemplate>--%>
</ClientTemplates>
<ServerTemplates>
<ComponentArt:GridServerTemplate ID="ViewDetails" runat="server">
<Template>
<asp:LinkButton runat="server" CommandName="Edit" ID="Edit" ToolTip="View Details">
<img title="View Details" alt="View Details" src="/template/resources/images/icon_03.png" />
</asp:LinkButton>
</Template>
</ComponentArt:GridServerTemplate>
<ComponentArt:GridServerTemplate ID="Delete" runat="server">
<Template>
<asp:LinkButton runat="server" CommandName="Delete" ID="Delete" ToolTip="Delete">
<image title="Delete" src="/template/resources/images/icon_07.png"></image>
</asp:LinkButton>
</Template>
</ComponentArt:GridServerTemplate>
<ComponentArt:GridServerTemplate ID="ViewNotes" runat="server">
<Template>
<asp:LinkButton runat="server" ID="ViewNotes" CommandName="ViewNotes" CommandArgument='<%# Container.DataItem["ResumeID"] %>'
ToolTip="View/Edit Notes">

<img title="View/Edit Notes" alt="View/Edit Notes" src='<%# "../Template/resources/images/"+Container.DataItem["NotesImage"] %>' />
</asp:LinkButton>
</Template>
</ComponentArt:GridServerTemplate>
<ComponentArt:GridServerTemplate ID="SelectImage" runat="server">
<Template>
<img id="imageFlag" alt="Hot" onclick="javascript:ToggleRow(this, '<%# Container.DataItem["ResumeID"] %>');"
src='<%# Container.DataItem["ImageName"]%>' />
</Template>
</ComponentArt:GridServerTemplate>
</ServerTemplates>
</ComponentArt:Grid>

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)