easyui动态添加下拉框问题.求大神们帮助【javascript吧】_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名：今日本吧第个签到，本吧因你更精彩，明天继续来努力！
本吧签到人数：0成为超级会员，使用一键签到本月漏签0次！成为超级会员，赠送8张补签卡连续签到：天&&累计签到：天超级会员单次开通12个月以上，赠送连续签到卡3张
关注：143,905贴子：
easyui动态添加下拉框问题.求大神们帮助收藏
现在在做一个表格然后列什么的都是动态添加的,保存一次生成两列.现在就是第一个页面如下:当我填完值后按保存,就跳转到另一个页面生成表格了现在问题就是,我希望以逗号分割里面的值放入下拉框里,比如q旁边的下拉框数值1显示在框,数值2在下拉框里面,w右边的下拉框2在外面3在里面,希望大神们帮我解答我应该怎么修改.下面是我的代码图
AutoTDS-V1型全自动热解吸仪是一款20位常温二次全自动热解吸仪，气路采....
&input id=&test&&&script&(function(){$('#test').combobox('setValues', array);//array是你的数组[1,2,3]//如果你想设置默认值为1的话，加上下面这句$('#test').combobox('setValues', 1);})()&/script&//这是最简单的写法，但让如果你把你的数组转成JSON格式就更简单了&script&(function(){$('#test').combobox({
data : data,
//json数据valueField : 'id',
textField : 'text'});})()&/script&
var column2 = {};column2['title']=null//&选项值&+fieldNcolumn2['field']=&inner_item_list&+fieldNcolumn2['width']=120;//column2['checkbox']=column2['align']=&center&;column2['editor']={type:'combobox',options:{editable:false,valueField:'inner_id',textField:'inner_item_list',data:obj1,required:true//必选} }
var part2Str=''var part2json='';var oldRowArr1={};for(var i=0;i&part2.i++){if(index&1){//不是第一次添加的话 要将之前的值给加上part2Str= oldRowArr1[i] + &,& + ' &inner_id'+fieldNumber+'&:&'+fieldNumber+'&,&inner_item_list'+fieldNumber+'&:&'+part2[i]+'&';}else{part2Str=' &inner_id'+fieldNumber+'&:&'+fieldNumber+'&,&inner_item_list'+fieldNumber+'&:&'+part2[i]+'&';}oldRowArr1[i]=part2Spart2json +='{'+part2Str+'},';}jsonStr4='[';part2json=part2json.substring(0,part2json.length-1);jsonStr4+=part2json+']';alert(&714:&+jsonStr4)
var obj1=eval(&(&+jsonStr4+&)&);
editor : {type : &combobox&,options : {valueField : &id&,textField : &text&, panelHeight : 50,data : [{&id& : 1 ,&text&: '1'},{&id& : 1 ,&text& : '2'}]}}//datagrid的列column的editor属性，注意data只能接受json数据，valueField和textField字段在json数据中为属性名，前者是值，后者是显示的text。你可以先写好json数据再传进去。如果控制不好js代码执行顺序的话,将(&#id&).datagrid(…………);初始化数据表格的代码放到setTimeout(function(){},0);的匿名函数里面确保它在任务队列的末尾执行
&!DOCTYPE html&&html&&head&&link rel=&stylesheet& type=&text/css& href=&jquery-easyui/themes/default/easyui.css&&&link rel=&stylesheet& type=&text/css& href=&jquery-easyui/themes/icon.css&&&script type=&text/javascript& src=&jquery-easyui/jquery.min.js&&&/script&&script type=&text/javascript& src=&jquery-easyui/jquery.easyui.min.js&&&/script&&script type=&text/javascript& src=&jquery-easyui/locale/easyui-lang-zh_CN.js&&&/script&&/head&&body&&div style=&margin:20px 0;&&单击表格的行，修改价格&/div&&table id=&dg&&&/table&&a id=&save& class=&easyui-linkbutton& data-options=&iconCls:'icon-save'&&保存&/a&&script&(function(){var comboData = [{&value&: 100,&text&: &点这个选100&},{&value&: 200,&text&: &点这个选200&}];$('#dg').datagrid({
columns:[[
{field:'id',title:'Id',width:100},{field:'name',title:'Name',width:100},{field:'price',title:'Price',width:100,editor : {type : &combobox&,options : {valueField : &value&,textField : 'text', panelHeight : 50,data : comboData}}}
]],data : [{&id& : 1,&name& : &aa&,&price& : 100},{&id& : 2,&name& : &bb&,&price& : 100}],onClickRow : function(index,field,value){$(this).datagrid(&acceptChanges&);$(this).datagrid('beginEdit', index);var eds = $(this).datagrid('getEditors', index);$(eds.target).focus();}});$(&#save&).linkbutton({onClick : function(){$(&#dg&).datagrid(&acceptChanges&);}});})()&/script&&/body&&/html&
登录百度帐号推荐应用
为兴趣而生，贴吧更懂你。或easyui的下拉控件easyui-combobox
怎么在url中动态传递参数？
&input id=&menuCombobox& class=&easyui-combobox& required=&true&
name=&parentMenu&
data-options=&
url:'aaa',
method:'get',
valueField:'id',
textField:'text',
panelHeight:'auto'
谢谢楼上2位朋友的回复，也贴出自己最后做的。
function editMenu(){
var row = $('#menuList').datagrid('getSelected');
$('#dlg').dialog('open').dialog('setTitle','编辑功能');
$('#fm').form('load',row);
pid = row.parentM
$('#menuCombobox').combobox({
url:'&%=contextPath %&/parentMenuComboboxServlet?pid='+pid,
valueField:'id',
textField:'text'
url = '&%=contextPath%&/functionEditServlet?functionId='+row.functionId;
combobox()方法在获取参数后执行就ok了。
获取变量直接通过URL提交POST请求就行了
在js里面控制
$(&#xxx&).combobox({
url : BasePath + '/xxx/xxx?lookupcode=SYS_NO',
valueField : &itemvalue&,
textField : &itemnamedetail&,
panelHeight : 'auto'
--- 共有 1 条评论 ---
谢谢了，一开始也看到这个方法的，就是不知道参数怎么获取到，不过看到你的回答，我坚信了这个方法是可行的，然后做出来了。关于easyUI中combobox多选并附加checkbox的实现-爱编程
关于easyUI中combobox多选并附加checkbox的实现
在easyUI的基础组件中combobox只有带radiobutton的效果，而且只支持单选。
但是我们可以在此控件的基础上，对combobox进行重写，就能够实现checkbox多选效果。
大致需要重写以下几个方法：
format&:&function(row){
&&&&var&opts&=&$(this).combobox("options");
&&&&return&"&input&type='checkbox'&class='combobox-checkbox'&"&+&row[opts.textField];
onShowPanel&:&function(){
&&&&var&opts&=&$(this).combobox("options");
&&&&target&=&
&&&&var&values&=&$(target).combobox("getValues");
&&&&$.map(values,&function(value){
&&&&&&&&var&children&=&$(target).combobox("panel").children();
$.each(children,&function(index,&obj){
&&&&if(value&==&obj.getAttribute("value")&&&&obj.children&&&&obj.children.length&&&0){
&&&&&&&&obj.children[0].checked&=&
&&&&&&&&&&&&}
onLoadSuccess&:&function(){
&&&&var&opts&=&$(this).combobox("options");
&&&&var&target&=&
&&&&var&values&=&$(target).combobox("getValues");
&&&&$.map(values,&function(value){
&&&&&&&&var&children&=&$(target).combobox("panel").children();
$.each(children,&function(index,&obj){
&&&&if(value&==&obj.getAttribute("value")&&&&obj.children&&&&obj.children.length&&&0){
&&&&&&&&obj.children[0].checked&=&
&&&&&&&&&&&&}
onSelect&:&function(row){
&&&&var&opts&=&$(this).combobox("options");
&&&&var&objCom&=&
&&&&var&children&=&$(this).combobox("panel").children();
&&&&$.each(children,&function(index,&obj){
&&&&&&&&if(row[opts.valueField]&==&obj.getAttribute("value")){
&&&&objCom&=&
&&&&if(objCom&!=&null&&&&objCom.children&&&&objCom.children.length&&&0){
&&&&&&&&objCom.children[0].checked&=&
onUnselect&:&function(row){
&&&&var&opts&=&$(this).combobox("options");
&&&&var&objCom&=&
&&&&var&children&=&$(this).combobox("panel").children();
&&&&$.each(children,&function(index,&obj){
&&&&&&&&if(row[opts.valueField]&==&obj.getAttribute("value")){
&&&&objCom&=&
&&&&if(objCom&!=&null&&&&objCom.children&&&&objCom.children.length&&&0){
&&&&&&&&objCom.children[0].checked&=&
重写以上方法后，就能够实现combobox的带checkbox的多选
版权所有 爱编程 (C) Copyright 2012. . All Rights Reserved.
闽ICP备号-3
微信扫一扫关注爱编程，每天为您推送一篇经典技术文章。}