下拉框显示多文本框

来源:互联网 发布:ubuntu提升超级权限 编辑:程序博客网 时间:2024/05/16 09:20

前台:

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="DropDownCheckBoxList.ascx.cs"
    Inherits="WorkOrder.Report.DropDownCheckBoxList" %>
<style type="text/css">
    body
    {
        margin: 0;
        padding: 0;
        font-size: 13px;
    }
    #isven_dropdown_checkbox_list
    {
        display: block;
        width: 201px;
        overflow: hidden;
        height: 20px;
        margin-top: 4px;
        float: left;
    }
    #isven_dropdown_checkbox_title
    {
        z-index: 100;
        background: transparent;
        width: 240px;
        height: 37px;
        line-height: 20px;
        cursor: default;
        border: 1px solid #C1CCCA;
    }
  
    #isven_dropdown_checkbox_container
    {
        display: none;
        width: 156px;
        position: absolute;
        border: 1px solid <%=BorderColor%>;
        border-top-width: 0;
        z-index: 100;
        background: #fff;
    }
    #isven_dropdown_checkbox_Type
    {
        display: block;
        width: 201px;
        overflow: hidden;
        height: 20px;
        margin-top: 4px;
    }
    #isven_dropdown_checkbox_Type_title
    {
          z-index: 100;
        background: transparent;
        width: 240px;
        height: 37px;
        line-height: 20px;
        cursor: default;
        border: 1px solid #C1CCCA;
    }
    #isven_dropdown_checkbox_Type_container
    {
        display: none;
        width: 156px;
        position: absolute;
        border: 1px solid <%=BorderColor%>;
        border-top-width: 0;
        z-index: 100;
        background: #fff;
    }
</style>

<script src="../Javascript/jquery-1.3.2.js" type="text/javascript"></script>

<script type="text/javascript">
    $(document).ready(function() {
        $('#isven_dropdown_checkbox_title').click(function() {
            var bodyMarginTop = $(document.body).css('margin-top');
            var _top = $('#isven_dropdown_checkbox_list').offset().top;
            var _left = $('#isven_dropdown_checkbox_list').offset().left;
            var _height = parseInt($('#isven_dropdown_checkbox_list').css('height'));
            $('#isven_dropdown_checkbox_container').css({ top: (_top + _height) + 'px', left: _left + 'px' }).show().mouseleave(function() {
                $(this).slideUp();
            });
        });
        $('#isven_dropdown_checkbox_Type_title').click(function() {
            var bodyMargin = $(document.body).css('margin-top');
            var _top = $('#isven_dropdown_checkbox_Type').offset().top;
            var _left = $('#isven_dropdown_checkbox_Type').offset().left;
            var _height = parseInt($('#isven_dropdown_checkbox_Type').css('height'));
            $('#isven_dropdown_checkbox_Type_container').css({ top: (_top + _height) + 'px', left: _left + 'px' }).show().mouseleave(function() {
                $(this).slideUp();
            });
        });
    });
 
</script>

<div style="float: left; vertical-align:middle; margin-top:8px;">
&nbsp;&nbsp;問卷狀態:
</div>
<div id="isven_dropdown_checkbox_list">
    <div id="isven_dropdown_checkbox_title">
       &nbsp;請選擇-=-<b style="margin-left:120px;">▼</b>
    </div>
</div>
<div id="isven_dropdown_checkbox_container" style="width: 200px;">
    <asp:CheckBoxList ID="chklstDataSource" runat="server" RepeatLayout="Flow" />
    <br />
</div>


<div style="float: left; margin-left:5px; vertical-align:middle; margin-top:8px;">
&nbsp;&nbsp;&nbsp;問卷類別:
</div>
<div id="isven_dropdown_checkbox_Type">
    <div id="isven_dropdown_checkbox_Type_title">
      &nbsp;請選擇-=-<b style="margin-left:120px;">▼</b>
    </div>
</div>
<div id="isven_dropdown_checkbox_Type_container" style="width: 200px;">
    <asp:CheckBoxList ID="chklistDataSourceType" runat="server" RepeatLayout="Flow" />
    <br />
</div>

 

 

后台:

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace WorkOrder.Report
{
    public partial class DropDownCheckBoxList : System.Web.UI.UserControl
    {

        private string borderColor;

        /// <summary>
        /// 获取选中项的值列表,每个值之间使用','分隔开来
        /// </summary>
        public string SelectedValues
        {
            get
            {
                string sResult = string.Empty;
                foreach (ListItem p in chklstDataSource.Items)
                {
                    if (p.Selected)
                    {
                        sResult += string.Format("{0},", p.Value);
                    }
                }
                return sResult.TrimEnd(',');
            }
        }

        /// <summary>
        /// 获取选中项的值列表,每个值之间使用','分隔开来
        /// </summary>
        public string SelectedTypeValues
        {
            get
            {
                string sResult = string.Empty;
                foreach (ListItem p in chklistDataSourceType.Items)
                {
                    if (p.Selected)
                    {
                        sResult += string.Format("{0},", p.Value);
                    }
                }
                return sResult.TrimEnd(',');
            }
        }

        [Bindable(true), Category("Appearence"), Description("控件的边框颜色")]
        public string BorderColor
        {
            get
            {
                if (string.IsNullOrEmpty(borderColor))
                    return "#ccc";
                return borderColor;
            }
            set { borderColor = value; }
        }

        protected void Page_Load(object sender, EventArgs e)
        {

        }

        //绑定問卷状态
        public void GetStatus()
        {
            TdcEscalationCasesReport tdcEscalationCases = new TdcEscalationCasesReport();
            DataSet datas = tdcEscalationCases.GetSurveyTemplateValueStatusList();
            if (datas != null)
            {
                chklstDataSource.DataSource = datas.Tables[0];
                chklstDataSource.DataValueField = "ValueID";
                chklstDataSource.DataTextField = "ValueLabel";
                chklstDataSource.DataBind();
                chklstDataSource.Items.Insert(0, new ListItem("全部", "0"));
            }
        }
        //绑定問卷類別
        public void GetTypeList()
        {
            TdcEscalationCasesReport tdcEscalationCases = new TdcEscalationCasesReport();
            DataSet data = tdcEscalationCases.GetSurveyTemplateValueTypeList(Convert.ToInt32(Session["ID"]));
            if (data != null)
            {
                chklistDataSourceType.DataSource = data.Tables[0];
                chklistDataSourceType.DataValueField = "ValueID";
                chklistDataSourceType.DataTextField = "ValueLabel";
                chklistDataSourceType.DataBind();
                chklistDataSourceType.Items.Insert(0, new ListItem("全部", "0"));
            }
        }
    }
}