这几天在使用控件时整理了个下拉复选框分享给大家

发布日期：2017年02月21日文章来源：www.tengways.com

buy amitriptyline online

buy antidepressants mastercard

ldn

lav

buy prednisolone 5mg

prednisolone without prescription

abortion pill online

name of abortion pill in uk redirect abortion pill over the counter uk

low dose naltrexone buy

naltrexone buy uk click where to buy naltrexone

buy zoloft online

buy sertraline online blog.zycon.com sertraline online

medical abortion ph

abortion pill philippines

今天介绍一个asp.net非常实用的控件使用方法，下拉复选框，话不多说贴代码

.aspx文件下代码

<!--<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="multiSelect.aspx.cs" Inherits="WebApplication2.multiSelect" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<title>下拉框实现多选</title>

说明：由于CheckBoxList 值是在后台绑定的，前台没有设置value，所有当用js取checkbox的value值时，默认都为on。

在后台可以正常访问，解决方案：暂无。

$(function() {

$("#txtList").mouseenter(function() {

$("#divChkList").slideDown("fast");

});

$("#divMulti").mouseleave(function() {

$("#divChkList").slideUp("fast");

});

$("#divChkList :checkbox").each(function() {

$(this).click(function() {

var $txtList = $("#txtList");

if (this.checked) {

$txtList.val($txtList.val() + $(this).next().text()+",");

}

else {

$txtList.val($txtList[0].value.replace($(this).next().text()+',',''));

}

});

</script>

</head>

<body>

<asp:TextBox ID="txtList" runat="server" Width="100px"></asp:TextBox>

<div id="divChkList" style="display: none; border: solid 1px #CCCCCC; position: fixed;

z-index: 100; height: 160px; width: 100px; overflow-y: scroll; background-color: White">

<asp:CheckBoxList ID="chkList" runat="server" RepeatLayout="Table" RepeatDirection="Vertical">

</asp:CheckBoxList>

</div>

</form>

</body>

</html>-->

.aspx.cs文件下代码

<!--using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Data;

namespace WebApplication2

{

public partial class multiSelect : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

if (!IsPostBack)

{

DataTable dt = new DataTable();

dt.Columns.Add("Name", typeof(string));

dt.Columns.Add("Age", typeof(string));

for (int i = 0; i < 4; i++)

{

DataRow row = dt.NewRow();

row[0] = "N" + i;

row[1] = "V" + i;

dt.Rows.Add(row);

}

this.chkList.DataSource = dt;

this.chkList.DataTextField = "name";

this.chkList.DataValueField = "age";

this.chkList.DataBind();

}

}-->

.aspx.designer.cs文件下的代码<!--//------------------------------------------------------------------------------

// <自动生成>

// 此代码由工具生成。

// 对此文件的更改可能会导致不正确的行为，并且如果

// 重新生成代码，这些更改将会丢失。

// </自动生成>

//------------------------------------------------------------------------------

namespace WebApplication2 {

public partial class multiSelect {

/// <summary>

/// form1 控件。

/// </summary>

/// <remarks>

/// 自动生成的字段。

/// 若要进行修改，请将字段声明从设计器文件移到代码隐藏文件。

/// </remarks>

protected global::System.Web.UI.HtmlControls.HtmlForm form1;

/// <summary>

/// txtList 控件。

/// </summary>

/// <remarks>

/// 自动生成的字段。

/// 若要进行修改，请将字段声明从设计器文件移到代码隐藏文件。

/// </remarks>

protected global::System.Web.UI.WebControls.TextBox txtList;

/// <summary>

/// chkList 控件。

/// </summary>

/// <remarks>

/// 自动生成的字段。

/// 若要进行修改，请将字段声明从设计器文件移到代码隐藏文件。

/// </remarks>

protected global::System.Web.UI.WebControls.CheckBoxList chkList;

}

}-->

上一篇:asp.net超简单实现前端传值到后台

下一篇:asp.net mvc为数据库同时添加多条数据

返回列表

新闻资讯

这几天在使用控件时整理了个下拉复选框分享给大家