這幾天在使用控件時整理了個下拉復選框分享給大家

發(fā)布日期：2017年02月21日文章來源：www.hqsv.cn

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>下拉框實現(xiàn)多選</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超簡單實現(xiàn)前端傳值到后臺

下一篇:asp.net mvc為數(shù)據(jù)庫同時添加多條數(shù)據(jù)

返回列表

精品9E精品视频在线观看,99欧美综合色婷婷欧美综合五月,曰批全过程免费视频在线观看,久久精品2

新聞資訊

這幾天在使用控件時整理了個下拉復選框分享給大家