国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

EasyUI學(xué)習(xí)之Combobox下拉列表(1)

2019-11-19 18:11:49
字體:
供稿:網(wǎng)友

本文實(shí)例為大家分享了EasyUI Combobox下拉列表的具體代碼,供大家參考,具體內(nèi)容如下

1. html代碼

<label>性別:</label><input class="easyui-combobox" style="width: 100px;" type="text" id="gender" />

2.顯示

3.js代碼

//以下的方式可以解決瀏覽器漢字亂碼問題/********************1.加載本地?cái)?shù)據(jù)*******************/// 頁面加載后顯示表數(shù)據(jù)$(function() { var queryData = {};// 可添加一些預(yù)設(shè)條件 InitGrid(queryData);// 初始化Datagrid表格數(shù)據(jù) InitDictItem(); // 初始化字典信息});// 初始化字典信息function InitDictItem() { // 性別 BindDictGender('gender');}// 綁定性別/男:1;女:2;全部:0function BindDictGender(comboid) { // 操作類型 全部 男 女 // data = [{ "Name": "/u5168/u90e8", "Value": 0 }, { "Name": "/u7537", // "Value": 1 }, { "Name": "/u5973", "Value": 2 }]; data = [ {  "Name" : "/u7537",//男  "Value" : 1 }, {  "Name" : "/u5973",//女  "Value" : 0 } ]; $('#' + comboid).combobox({  valueField : 'Value',  textField : 'Name',  panelHeight : 'auto',  required : true,  editable : false,// 不可編輯,只能選擇  data : data }); $('#' + comboid).combobox('select', "1");}/********************2.加載數(shù)據(jù)庫數(shù)據(jù)*******************///綁定字典信息Code,設(shè)置默認(rèn)值為{//   Code:"";//   Name:"-請(qǐng)選擇-";//  }function BindBuildingDictItem(comboid, catlog) { $.ajax({  type: 'post',  url: '/Common/GetComboBoxValue',//訪問路徑  dataType: 'json',  data: { name: catlog },  success: function (data) {   data.unshift({ "Name": "/u002d/u8bf7/u9009/u62e9/u002d", "Code": "" });   $('#' + comboid).combobox({    valueField: 'Code',    textField: 'Name',    panelHeight: 'auto',    required: true,    editable: false,//不可編輯,只能選擇    data: data   });   $('#' + comboid).combobox('select', "");  } });}/********************3.不解決漢字亂碼*******************/BindDictItem("LiveStatue", '你的url');//初始化字典信息的控件綁定function BindDictItem(comboid,url) { $('#' + comboid).combobox({  valueField: 'Code',  textField: 'Name',  url: url,  panelHeight: 'auto',  required: true,  editable: true,//不可編輯,只能選擇  value: '全部' });}

4.Json數(shù)據(jù)

{ {  "Code": "1",  "Name": "男" }, {  "Code": "0",  "Name": "女" }}

5.設(shè)置默認(rèn)選項(xiàng)和取值

//設(shè)置默認(rèn)選項(xiàng)$('#gender').combobox('select', 1);//取值var gender = $('#gender').combobox('getValue');

6.年份小例子

///////////////////////////入學(xué)年份///////////////////////////////////////$('#EduStartYear').combobox({ valueField: 'Value', textField: 'Name', panelHeight: 'auto', required: true, editable: false, //不可編輯,只能選擇});var data = []; //創(chuàng)建年度數(shù)組var thisYear = new Date().getUTCFullYear(); //今年var startYear = thisYear - 5; //起始年份var endYear = thisYear + 5; //結(jié)束年份//數(shù)組添加值今年的前后五年for (var i = 0; i <= 10; i++) { data.push({  "Value": startYear + i,  "Name": startYear + i });}$("#EduStartYear").combobox("clear")//下拉框加載數(shù)據(jù),設(shè)置默認(rèn)值為今年    .combobox("loadData", data)    .combobox("setValue", thisYear); //$("#EduStartYear").combobox("setValue", thisYear);//設(shè)置默認(rèn)值為今年

以上就是本文的全部內(nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持武林網(wǎng)。

發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 应用必备| 万安县| 临漳县| 昌宁县| 台湾省| 巍山| 唐山市| 聊城市| 龙海市| 明星| 厦门市| 九龙坡区| 定州市| 红原县| 丹寨县| 延川县| 满城县| 祁阳县| 辉县市| 广平县| 衢州市| 富平县| 迭部县| 仙游县| 定南县| 江门市| 朔州市| 东辽县| 河曲县| 巴里| 海兴县| 吕梁市| 仙居县| 宽城| 潮州市| 朝阳县| 色达县| 英山县| 习水县| 铁岭市| 肥西县|