国产探花免费观看_亚洲丰满少妇自慰呻吟_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ā)表
主站蜘蛛池模板: 城步| 介休市| 木里| 报价| 麻栗坡县| 家居| 大同市| 长白| 陇南市| 耿马| 榆林市| 博客| 达拉特旗| 凌海市| 乐亭县| 虹口区| 正定县| 葫芦岛市| 方山县| 和政县| 呼伦贝尔市| 彰化市| 雷州市| 灵武市| 明溪县| 高州市| 东源县| 德安县| 龙门县| 奉化市| 建平县| 绥德县| 新乡县| 荥阳市| 赤城县| 含山县| 安达市| 瑞金市| 泰来县| 平原县| 惠来县|