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

發(fā)布日期：2017年02月21日文章來源：www.cd3t.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為數據庫同時添加多條數據

返回列表

在线v片免费观看视频,快播看片毛网站,最近中文字幕MV免费视频,亚洲AV无码成人精品区日韩

新聞資訊

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