麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > JavaScript > 正文

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

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

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

1. html代碼

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

2.顯示

3.js代碼

//以下的方式可以解決瀏覽器漢字亂碼問題/********************1.加載本地數(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:"-請選擇-";//  }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)選項和取值

//設(shè)置默認(rèn)選項$('#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)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持武林網(wǎng)。

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 欧美3p激情一区二区三区猛视频 | 国产99久久久久 | 亚洲午夜影院在线观看 | 精品国产91久久久 | 一级免费a| 草久免费| 久草在线观看资源 | 国产大片中文字幕在线观看 | 羞羞的视频在线 | 美女性感毛片 | 免费a级网站 | 奶子吧naiziba.cc免费午夜片在线观看 | 娇妻被各种姿势c到高潮小说 | 天天色人人爱 | 高清在线国产 | 毛片av网 | 精品国产一区二区三区在线 | 免费一级特黄做受大片 | 亚洲精品成人久久久 | 红杏网站永久免费视频入口 | 成人激情在线观看 | 欧美a黄 | 久久精品亚洲成在人线av网址 | 国产精品免费成人 | 日本黄色免费片 | 天天碰天天操 | 全黄性性激高免费视频 | 国产一区二区欧美精品 | 羞羞的网站 | 国产流白浆高潮在线观看 | 精品国产三级a | 一夜新娘第三季免费观看 | 噜噜噜在线 | 日韩一级片免费 | 亚洲免费视频一区二区 | 精品国产呦系列在线看 | 精品在线观看一区 | 麻豆19禁国产青草精品 | av在线一区二区三区四区 | 国产精品久久久久久久久久尿 | 国产在线观看免费视频软件 |