Get the Checkboxlist values using javascript:
We cannot get the value of the checkbox in the checkboxlist because it is rendered in the form of table , td, input and the text of the check is like label.
So we need to bind the value of checkbox in the tilte attribute and then we can read the title values using javascript.
<script type="text/javascript">
function IsCheck()
{
var UserID="";
var UserCode=""
var cblist = "ChkBoxListUsers";
var chkList1= document.getElementById(cblist);
var arrayOfCheckBoxes= chkList1.getElementsByTagName("input");
var arrayOfCheckBoxspans= chkList1.getElementsByTagName("span");
var arrayOfCheckBoxLabels= chkList1.getElementsByTagName("label");
var listcount = arrayOfCheckBoxes.length;
for(var i=0;i<arrayOfCheckBoxes.length;i++)
{
if(arrayOfCheckBoxes[i].checked)
{
UserCode += arrayOfCheckBoxspans[i].title + ",";
UserID += arrayOfCheckBoxLabels[i].innerHTML+ ", ";
}
}
window.opener.document.forms[0].HdnSelectedUsers.value=UserCode;
window.opener.document.forms[0].txtSelectedUsers.value=UserID;
window.close();
return false;
}
</script>
Frontend:
<body>
<form id="form1" runat="server">
<div style="text-align: center">
<fieldset class="Fieldset" style="width: 95%" runat="server" id="fsToolDetails">
<legend class="Legend_Text"><strong>User Details</strong></legend>
<table border="0" cellpadding="0" cellspacing="0" style="width: 100%">
<tr>
<td align="center">
<asp:Label ID="Label1" runat="server" Text="SELECT USER" Width="240px" CssClass="Headlabel"></asp:Label></td>
</tr>
<tr>
<td align="left" style="height: 14px">
<asp:Label ID="lblError" runat="server" CssClass="Err_label"></asp:Label></td>
</tr>
<tr>
<td width="100%" align="left" height="150px">
<div align="left" style="width:300px; height: 159px; width: 100%; overflow: auto; padding-top: 1px;
padding-left: 1px">
<asp:CheckBoxList ID="ChkBoxListUsers" runat="server" CssClass="selectBox" Width="500px" RepeatColumns="2" RepeatDirection="Horizontal" OnDataBound="ChkBoxListUsers_DataBound">
</asp:CheckBoxList>
</div>
</td>
</tr>
<tr>
<td align="center">
<asp:Button ID="btnSubmit" Text="Order" runat="server" CssClass="buttons"
Width="57px" />
<asp:Button ID="btnClose" Text="Close" runat="server" CssClass="buttons" Width="54px"
OnClientClick="window.close();" />
</td>
</tr>
<tr>
<td align="center">
</td>
</tr>
</table>
</fieldset>
</div>
<script type="text/javascript">
function IsCheck()
{
var UserID="";
var UserCode=""
var cblist = "ChkBoxListUsers";
var chkList1= document.getElementById(cblist);
var arrayOfCheckBoxes= chkList1.getElementsByTagName("input");
var arrayOfCheckBoxspans= chkList1.getElementsByTagName("span");
var arrayOfCheckBoxLabels= chkList1.getElementsByTagName("label");
var listcount = arrayOfCheckBoxes.length;
for(var i=0;i<arrayOfCheckBoxes.length;i++)
{
if(arrayOfCheckBoxes[i].checked)
{
UserCode += arrayOfCheckBoxspans[i].title + ",";
UserID += arrayOfCheckBoxLabels[i].innerHTML+ ", ";
}
}
window.opener.document.forms[0].HdnSelectedUsers.value=UserCode;
window.opener.document.forms[0].txtSelectedUsers.value=UserID;
window.close();
return false;
}
</script>
</form>
</body>
Codebehind:
protected void Page_Load(object sender, EventArgs e)
{
if(!IsPostBack)
{
btnSubmit.Attributes.Add("onclick", "return IsCheck();");
if( Request.QueryString["CompanyId"] != null && Request.QueryString["CompanyId"] != "")
{
FillUsers(Request.QueryString["CompanyId"]);
}
}
}
private void FillUsers(string CompanyID)
{
BLLPopUpUser ObjPopUpUser = new BLLPopUpUser();
DataSet ds = new DataSet();
ds = ObjPopUpUser.GetUserListfromCompany(CompanyID);
ChkBoxListUsers.DataSource = ds;
ChkBoxListUsers.DataTextField = "CU_UserID";
ChkBoxListUsers.DataValueField = "CU_UserCode";
ChkBoxListUsers.DataBind();
}
protected void ChkBoxListUsers_DataBound(object sender, EventArgs e)
{
CheckBoxList chkList = (CheckBoxList)(sender);
if (Request.QueryString["Users"] != null && Request.QueryString["Users"].ToString() != "")
{
string[] users = Request.QueryString["Users"].ToString().Split(',');
for (int i = 0; i < users.Length; i++)
{
if (chkList.Items.FindByText(users[i]) != null)
{
chkList.Items.FindByText(users[i]).Selected = true;
}
}
}
foreach (ListItem item in chkList.Items)
{
item.Attributes.Add("title", item.Value);
}
}
No comments:
Post a Comment