JQueryEasyUI框架下的combobox的取值和綁定的方法
最近做的項(xiàng)目涉及到JQueryEasyUI框架的使用,EasyUI是什么?網(wǎng)上解釋說(shuō)它是來(lái)自W3C標(biāo)準(zhǔn)WEB前端專家DHTML精英俱樂(lè)部的簡(jiǎn)單易用功能強(qiáng)大的輕量級(jí)WEB前端JavaScript框架!從這句話的理解來(lái)說(shuō),我認(rèn)為它是一種JavaScript框架。
對(duì)于最近的使用中,給我的感覺(jué)就是,借用官網(wǎng)JqueryEasyUI上的一句話,EasyUI是基于jQuery用戶界面插件的集合,我把它理解成一種插件,不知道有沒(méi)有問(wèn)題。而使用easyui,不需要寫(xiě)很多的javascript代碼,只需在定義的用戶界面寫(xiě)一些HTML標(biāo)記,完成HTML5網(wǎng)頁(yè)的框架,所以說(shuō)在這個(gè)框架里面是沒(méi)有服務(wù)器控件。沒(méi)有ruant=“server”。其功能強(qiáng)大,使用方便。
下面就說(shuō)說(shuō)EasyUI框架下的combobox,在使用的時(shí)候獲取值和綁定值得方法。
在前臺(tái),我們通常這么寫(xiě):
<select class="easyui-combobox" id ="cmbName" name="name" ></select>
在牛腩新聞發(fā)布系統(tǒng)中和北大青鳥(niǎo)中都講到了控件中數(shù)據(jù)綁定的問(wèn)題,那在這里能不能也采用那種方法?牛腩新聞發(fā)布系統(tǒng)和北大青鳥(niǎo)中講的控件都是服務(wù)器控件,但這里不是服務(wù)器控件,我們又該怎么綁定值和獲取值?
綁定值:(方法不止這一個(gè))
可以將這個(gè)控件轉(zhuǎn)為服務(wù)器控件。加入runat=“server”,將其裝為服務(wù)器控件。剩下就同牛腩新聞發(fā)布系統(tǒng)和北大青鳥(niǎo)里面講的服務(wù)器控件一樣,綁定值。
<select class="easyui-combobox" id ="cmbName" runat="server" datatextfield ="AdminName" datavaluefield ="AdminID" name="name" style="width: 150px;" ></select>
后臺(tái):
protected void Page_Load(object sender, EventArgs e) { noticeInfoBLL Bnotice = new noticeInfoBLL(); DataSet ds = new DataSet(); ds = Bnotice.GetAllList(); DataTable dt = ds.Tables[0]; cmbName.DataSource =dt; cmbName.DataTextField = "AdminName"; cmbName.DataValueField = "AdminID"; cmbName.DataBind(); }
綁定值之后,怎么獲取里面的值呢?
獲取值:
var adminname=$("#state").combobox("getText"); //這是獲取combobox中選擇的內(nèi)容,例如上面綁定的“AdminName” var adminid=$("#state").combobox("getValue"); //這是獲取combobox選擇的值,例如上面綁定的“AdminID”
comboboxc綁定值出現(xiàn)重復(fù):
在combobox綁定值的時(shí)候,我還遇到這么一個(gè)問(wèn)題,在返回的數(shù)據(jù)中,有很多條,因?yàn)槲沂峭鵦ombobox中綁定的名字,名字不能重復(fù),但是我從數(shù)據(jù)庫(kù)中返回的數(shù)據(jù)卻是這樣的:
那么怎么解決這個(gè)問(wèn)題呢?
有兩個(gè)解決方法:
第一:修改查詢語(yǔ)句,使用SQL SELECT DISTINCT 語(yǔ)句
第二:在后臺(tái)綁定數(shù)據(jù)時(shí)也可以像這樣綁定:
protected void Page_Load(object sender, EventArgs e) { //if (!Page.IsPostBack) //if (Session["userid"] != null && Session["postid"] != null) noticeInfoBLL Bnotice = new noticeInfoBLL(); DataSet ds = new DataSet(); ds = Bnotice.GetAllList(); DataTable dt = ds.Tables[0]; //去重復(fù)的AdminName和AdminID DataView dv=dt.DefaultView ; cmbName.DataSource = dv.ToTable(true, "AdminName","AdminId"); cmbName.DataTextField = "AdminName"; cmbName.DataValueField = "AdminID"; cmbName.DataBind(); }
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
基于jquery實(shí)現(xiàn)省市聯(lián)動(dòng)特效
這篇文章主要介紹了基于jquery實(shí)現(xiàn)省市聯(lián)動(dòng)特效,感興趣的小伙伴們可以參考一下2015-12-12使用jQuery的ajax功能實(shí)現(xiàn)的RSS Reader 代碼
Rss閱讀器挺不錯(cuò)的。我覺(jué)得如果在igoogle或是dropthings這種形式的portal下來(lái)放很多RSS模塊顯示自己每天需要關(guān)注的信息那將會(huì)減少大家很多的打開(kāi)瀏覽器和輸入網(wǎng)址的時(shí)間。2009-09-09input輸入框內(nèi)容實(shí)時(shí)監(jiān)測(cè)(附代碼)
這篇文章主要介紹了如何實(shí)時(shí)監(jiān)測(cè)input輸入框內(nèi)容,具體操作步驟大家可查看下文詳細(xì)講解,感興趣的小伙伴們可以參考一下。2017-08-08jQuery學(xué)習(xí)筆記之jQuery+CSS3的瀏覽器兼容性
這篇文章主要介紹了jQuery學(xué)習(xí)筆記之jQuery+CSS3的瀏覽器兼容性的相關(guān)資料,需要的朋友可以參考下2015-01-01JQuery制作的放大效果的popup對(duì)話框(未添加任何jquery plugin)分享
分享一個(gè)JQuery制作的放大效果的popup對(duì)話框(未添加任何jquery plugin)項(xiàng)目中可以根據(jù)自己的需求來(lái)寫(xiě)css,感興趣的朋友可以了解下哈2013-04-04