這個是根據LigerUI改的，解決了回發問題
資料地址
http://ligerui.com/demos/comboBox/comboBoxMul.htm
具體代碼
復制代碼 代碼如下:
%@ Page Language="C#" AutoEventWireup="true" CodeFile="CheckBoxList.aspx.cs" Inherits="CheckBoxList" %>
!DOCTYPE html>
html xmlns="http://www.w3.org/1999/xhtml">
head runat="server">
meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
title>/title>
link href="lib/ligerUI/skins/Aqua/css/ligerui-all.css" rel="stylesheet" type="text/css" />
script src="lib/jquery/jquery-1.3.2.min.js" type="text/javascript">/script>
script src="lib/ligerUI/js/core/base.js" type="text/javascript">/script>
script src="lib/ligerUI/js/plugins/ligerCheckBox.js" type="text/javascript">/script>
script src="lib/ligerUI/js/plugins/ligerResizable.js" type="text/javascript">/script>
script src="lib/ligerUI/js/plugins/ligerComboBox.js" type="text/javascript">/script>
script type="text/javascript">
$(function () {
var manager;
$.get("CheckBoxHandle.ashx?tem=" + Math.random() + "selectValue=" + $("#HiddenField1").val(), function (value) {
if (value.lastIndexOf("[") >= 0) {
$("#JSON").val(value);
var data = eval('(' + value + ')');
manager = $("#test1").ligerComboBox({
isShowCheckBox: true, isMultiSelect: true,
data: data, valueFieldID: 'test3', onSelected: function (newvalue) {
//這個是用于在后臺獲取的
$("#HiddenField1").val(newvalue);
}
});
} else {
//解決回發問題
var data = eval('(' + $("#JSON").val() + ')');
manager = $("#test1").ligerComboBox({
isShowCheckBox: true, isMultiSelect: true,
data: data, valueFieldID: 'test3', onSelected: function (newvalue) {
//這個是用于在后臺獲取的
$("#HiddenField1").val(newvalue);
}
});
manager.selectValue(value);
}
});
});
function clickee() {
alert($("#test3").val());
}
/script>
/head>
body>
form id="form1" runat="server">
div>
input type="text" id="test1" />
asp:HiddenField ID="HiddenField1" ClientIDMode="Static" runat="server" />
asp:HiddenField ID="JSON" ClientIDMode="Static" runat="server" />
asp:Button ID="Button1" OnClick="Button1_Click" OnClientClick="clickee();" runat="server" Text="獲取" />
asp:Label ID="Label1" runat="server" Text="Label">/asp:Label>
/div>
/form>
/body>
/html>
復制代碼 代碼如下:
p>using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;/p>p>public partial class CheckBoxList : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{/p>p> }
protected void Button1_Click(object sender, EventArgs e)
{
this.Label1.Text = this.HiddenField1.Value;
}
}/p>
復制代碼 代碼如下:
p>%@ WebHandler Language="C#" Class="CheckBoxHandle" %>/p>p>using System;
using System.Web;
using System.Collections.Generic;/p>p>public class CheckBoxHandle : IHttpHandler {
public void ProcessRequest (HttpContext context) {
context.Response.ContentType = "text/plain";
string select = context.Request.QueryString["selectValue"].ToString();
if (string.IsNullOrEmpty(select))
{
ListType> list = new ListType>();
list.Add(new Type { ID = 1, Name = "SAm" });
list.Add(new Type { ID = 2, Name = "Tom" });
list.Add(new Type { ID = 3, Name = "jim" });
context.Response.Write(JsonHelper.GetJSONString(list));
}
else
{
//解決回發問題
context.Response.Write(select);
}
}
public bool IsReusable {
get {
return false;
}
}/p>p>}/p>
您可能感興趣的文章:- ASP.NET DropDownList控件的使用方法
- asp.net省市三級聯動的DropDownList+Ajax的三種框架(aspnet/Jquery/ExtJs)示例
- jquery獲取ASP.NET服務器端控件dropdownlist和radiobuttonlist生成客戶端HTML標簽后的value和text值
- (asp.net c#)DropDownList綁定后顯示對應的項的兩種方法
- asp.net DropDownList自定義控件，讓你的分類更清晰
- ASP.NET jQuery 實例7 通過jQuery來獲取DropDownList的Text/Value屬性值
- ASP.NET jQuery 實例8 (動態添加內容到DropDownList)
- ASP.NET jQuery 實例18 通過使用jQuery validation插件校驗DropDownList
- asp.net中不能在DropDownList中選擇多個項 原因分析及解決方法
- asp.net中通過DropDownList的值去控制TextBox是否可編寫的實現代碼
- ASP.NET MVC DropDownList數據綁定及使用詳解
- ASP.NET筆記之 ListView 與 DropDownList的使用
- ASP.NET服務器端控件RadioButtonList，DropDownList，CheckBoxList的取值、賦值用法
- asp.net mvc下拉框Html.DropDownList 和DropDownListFor的常用方法
- ASP.NET MVC中為DropDownListFor設置選中項的方法
- ASP.NET中DropDownList和ListBox實現兩級聯動功能
- asp.net DropDownList實現二級聯動效果
- ASP.NET中DropDownList下拉框列表控件綁定數據的4種方法
