精华内容
下载资源
问答
  • 今天小编就为大家分享一篇layui 根据后台数据动态创建下拉框并同时默认选中的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • JS创建下拉框方法

    千次阅读 2019-04-08 08:08:10
    我这里下拉框里面的数据已经是封装好的了,只需要调用就ok了。 CSS样式 用了layui插件所以css的样式你们自己去定义或者默认layui定义好的css样式 Js代码 首先获取到学院下拉框控制器查询学院的名称,然后一个...

    我这里下拉框里面的数据已经是封装好的了,只需要调用就ok了。

    CSS样式
    用了layui插件所以css的样式你们自己去定义或者默认layui定义好的css样式
    在这里插入图片描述
    在这里插入图片描述

    Js代码
    首先获取到学院下拉框控制器查询学院的名称,然后一个function函数(括号里面放个data返回数据),each是每一条数据都执行一遍,var str声明一个变量,获取控制器查询出来的数据 $括号里面的id就是学院下拉框的id, append:向尾部追加数据 (str返回数据)。年纪和班级也是一样,
    在这里插入图片描述
    在这里插入图片描述在这里插入图片描述
    在这里插入图片描述

    下拉框联动查询
    但是一般这样的下拉框是已经用到联动查询的了,联动查询意思就是我选择学院这个下拉框,年级下拉框的数据会自动筛选出来,选择年纪,班级下拉框的数据也会筛选出来。
    在这里插入图片描述

    首先你是选择学院下拉框然后筛选出年纪下拉框的数据,change是改变的意思,从学院id获取到年级。下面的就不用说了,应该都知道了和上面的学院下拉框方法一样的,记住change是改变某某某的意思。 $("#sltGrade").empty();清空年级下拉框,就是如果重新选择学院,年级就会重新筛选,班级也是这样写的,别懵逼了。empty:清空的意思。

    展开全文
  • 父组件中创建下拉框 template中的代码 <template> <el-option v-for="item in options" :label="item.text" :key="item.value" :value="item.text"> </el-option> </el-select> </...
    1. 父组件中创建下拉框
      template中的代码
    <template>
     <el-option v-for="item in options"
                  :label="item.text"
                  :key="item.value"
                  :value="item.text">
                  </el-option>
    </el-select>
    </template>`
    

    script中的代码

    data(){
            return{
                ms_language:"中文", //默认值
                options:[
                {value:1,text:"中文"},
                {value:2,text:"EN"},
                ],
            }    
        }
    // 用于子节点调用,来获取该组件中的ms_language
    methods: {		
        getms() {
          return this.ms_language
        } 
      }
    
    1. 子组件中获取获取父组件方法
    //直接在需要的地方用$parent调用父组件中的方法获取下拉框中的值。
    // **$parent的个数**根据层数决定,两个就可以获取爷爷组件中的属性了
    // 在data()中获取
    data() {
    	Language : this.$parent.$parent.getms(),
    }
    //在方法中使用
    methods: {
    	getms(){
    		Language : this.$parent.$parent.getms(),
    	}
    }
    

    通过方法调用的方式获取父组件中的值的好处就是子组件每次用的时候与父组件中的值保持一致,逻辑比较简单。
    另外看到其他回答中提到的用watch监听或者与compute组合的方式动态获取父组件中的值,我这里尝试了下总是监听不到,只能获取到默认值,不会跟着父组件的变化的来获取

    展开全文
  • ExtJs ComboBox 动态创建下拉框

    千次阅读 2017-06-23 09:33:44
    注:store中的url需要返回一个格式为[["1","a"]["2","b"]["3","c"]]的json格式的数据var storeDept = new Ext.data.SimpleStore({ url:'/oneCardPassage/findCardDepartMentInfo.do', fields:['value','text']});...

    注:store中的url需要返回一个格式为[["1","a"]["2","b"]["3","c"]]的json格式的数据

    var storeDept = new Ext.data.SimpleStore({
    url:'<%=path %>/oneCardPassage/findCardDepartMentInfo.do',
    fields:['value','text']
    });


    var deptCombo = new Ext.form.ComboBox({
    id:'deptId',
    width:100,
    mode : 'remote',
    triggerAction : 'all',
    selectOnFocus : true,
    forceSelection : true,
    editable : false,
    valueField : 'value',
    displayField : 'text',
    emptyText:'部门'},
    store:storeDept
    )


    展开全文
  • { title: "提成", key: "configure", align: "center", render: (h, params) => { let that = this; let centsType = params.row.centsType; ...
    {
              title: "提成",
              key: "configure",
              align: "center",
              render: (h, params) => {
                let that = this;
                let centsType = params.row.centsType;
                let list = [];
                if (centsType == 3) {
                  //讲师
                  list = this.teachList;
                  let options = list.map(item => {
                    return h("i-option", {
                      props: {
                        value: item.lecturerId,
                        label: item.lecturerName
                      }
                    }); //i-option
                  });
                  return h(
                    "i-select",
                    {
                      props: {
                        filterable: true,
                        clearable: true
                      },
                      on: {
                        ["on-change"](v) {
                          that.dividemoneydata[params.index].configure = v;
                        }
                      }
                    },
                    options
                  ); //i-select
                } else if (centsType == 1) {
                  //公司
                  list = this.companylist;
                  let options = list.map(item => {
                    return h("i-option", {
                      props: {
                        value: item.belongFirm,
                        label: item.belongFirmName
                      }
                    }); //i-option
                  });
                  return h(
                    "i-select",
                    {
                      props: {
                        filterable: true,
                        clearable: true
                      },
                      on: {
                        ["on-change"](v) {
                          that.dividemoneydata[params.index].configure = v;
                        }
                      }
                    },
                    options
                  ); //i-select
                } else if (centsType == 5) {//职位
                  list = this.postlist;
                  let options = list.map(item => {
                    return h("i-option", {
                      props: {
                        value: item.positionId,
                        label: item.positionName
                      }
                    }); //i-option
                  });
                  return h(
                    "i-select",
                    {
                      props: {
                        filterable: true,
                        clearable: true
                      },
                      on: {
                        ["on-change"](v) {
                          that.dividemoneydata[params.index].configure = v;
                        }
                      }
                    },
                    options
                  ); //i-select
                }
              }
            },

     

    展开全文
  • 创建下拉框方法总结和经验分享

    热门讨论 2016-04-10 10:24:42
    引言  最近一直在鼓捣组织部这个项目,我负责的附加分部分。本来以为逻辑很简单,其实那只是表面……一次次的深入了解,一次次的反复,让我对需求是一点点慢慢了解的,不可能一次性...1、 使用标记创建下拉框  
  • 第一步 form表单里写好一个下拉框 &amp;lt;div class=&quot;layui-form-item&quot;&amp;gt; &amp;lt;label class=&quot;layui-form-label&quot;&amp;gt;下拉选择框&amp;lt;/...
  • Java使用POI操作Excel并创建下拉框

    千次阅读 2014-07-25 14:54:27
    java创建 package poiexcel;  import java.io.FileOutputStream;  import java.util.Date;  import org.apache.poi.hssf.usermodel.DVConstraint;  import org.apache.poi.hssf.usermodel.HSSFCell;  ...
  • //在第一行第一个单元格,插入下拉框 HSSFRow row = sheet.createRow(0); HSSFCell cell = row.createCell(0); //普通写入操作 cell.setCellValue("请选择");//这是实验 //生成下拉列表 //只对(0,0)...
  • 开发工具与关键技术: VS MVC基础 ...今天为了更好地理解如何封装jquery 根据url创建下拉框的方法,我会直接讲解一个下拉框的绑定案例。 如下图,第一个字段就是下拉框数据的绑定事件 要完成这个功能,首先要...
  • poi创建下拉框

    2013-03-28 14:39:00
    * poi创建下拉框 * @author Henry */ public class PoiCheckBox97 { public static void main(String[] args) { String[] list = { "JAVA", "C", "易语言", "GO" }; new PoiCheckBox97()....
  • 自己创建下拉框数组

    2021-03-26 19:27:24
    自己创建1-8的数组供下拉框选择 this.scanPositions = new Array(8).fill(null).map((i, index) => { return { label: `${index + 1}车`, value: '' + (index + 1) }; });
  • Delphi XLgrid 动态创建下拉框列 由于自己要用XLgrid 实现excel导入,但是有一些列想动态设置为 下拉框,并且能自动填充设置的东西。 百度网上资料都没有找到。自己琢磨了一天,看了看源码,终于试出来了。在此...
  • layui中请求后台数据动态创建下拉框

    千次阅读 2019-07-12 10:02:23
    一、今天使用layui的时候需要根据后台动态创建下拉框,这里做下简单记录 二、首先吐槽一下layui中组件的使用方式: ①layui中分为layui和layer ②layer可以作为一个单独的组件进行使用 ③切记如果你引入了layui...
  • vba在excel中创建下拉框

    千次阅读 2011-08-19 10:42:32
    在Sheet2中把C1:C7的区域命名为code,在sheet1中给“A1”cell加下拉框下拉框的内容用的是区域code的内容 Sub Macro1()  Dim s As String  s = setName(3, "code")  Sheet1
  • 一般情况下我们给某个下拉框绑定数据的时候,为了方便快速以及减少代码量,我们会专门给它封装一个函数,以便写代码的时候直接调用,在这里就有两种创建下拉框的方法: 1、JQuery根据url创建下拉框的方法的封装: ...
  • 1、 选择需要加下拉框的单元格,点击【数据】【数据有效性】 2、 选择【序列】,将【忽略空值】、【提供下拉箭头】选中,来源输入下拉值,使用英文逗号分隔: 01_香蕉,02_苹果,03_葡萄,04_火龙果 3、 效果图 ....
  • $("#sel").change(function(){ //选择下拉框的值 var selValue... //动态创建另一个下拉框,并填充数据 $.ajax({ url : "xxxxxx?superOrgId=" + selValue, type : "POST",...
  • 转载于:https://www.cnblogs.com/ttty/p/10608862.html
  • 今天在学习AngularJs中使用ng-options指令创建下拉框时遇到点问题,这里总结一下。  其实,使用ng-options指令创建下拉框很简单,只需要绑定两个属性。  ng-options指令用于确定下拉列表元素的数组。  ng-...
  • Js采坑实录:https://blog.csdn.net/libusi001/article/details/100142655 ~~~~~~~~~~~~~~~~~~~~~~~~~~~ 动态创建删除select下拉框
  • NULL 博文链接:https://huigege.iteye.com/blog/1852954

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 48,134
精华内容 19,253
关键字:

创建下拉框