easyui 部分常用控件的取值和赋值

来源:互联网 发布:数据聚合是什么意思 编辑:程序博客网 时间:2024/05/20 02:24

jQuery EasyUI为提供了大多数UI控件的使用,如:accordion,combobox,menu,dialog,tabs,validatebox,datagrid,window,tree等等。 
jQuery EasyUI是基于JQuery的一个前台ui界面的插件,功能相对没extjs强大,但页面也是相当好看的,同时页面支持各种themes以满足使用者对于页面不同风格的喜好。一些功能也足够开发者使用,相对于extjs更轻量。
那么对于EasyUI提供的控件如何获取他们的值呢?
1) combobox:显示一个可编辑的文本框和下拉列表,用户可以从下拉列表中选择一个或多个值。用户可以直接输入文本到列表的顶部,或者从列表中选择一个或多个现成的值。
动态加载combobox可以通过这种形式:

 $('#child_course').combobox({        editable: false,// 设置可不可以输入到列表框        missingMesage: '请选择',        //设置组合框的value 上的基础数据的名称。        valueField: 'courseCode',        //设置组合框的text上的基础数据的名称。        textField: 'courseTitle',        //访问后台的url        url: '/admin/resource/allChildCourse',        type: "post",        onLoadSuccess: function (res) {            // 默认选择第一项 res为后台返回的数据            if (res) { $('#child_course').combobox('setValue', res[0].courseCode);            }        }    });
点击时获取被选中的value值和text值可以通过以下这种方式:
$('#child_course').combobox({        onSelect:function(){        //可以在此处写点击时一些逻辑        //获取被选中的value值(不在这方法中同让使用)       var curValue=$('#child_course').combobox('getValue');        //获取被选中的text值       var curText=$('#child_course').combobox('getText');        //获取所有下拉列表的value值       var allValue=$('#child_course').combobox('getData');     }    });
2) textbox:基本文本框    textbox的赋值可以通过下面这种方式:
      // xxx为要赋的值      $('#paper_title').textbox('setValue',"xxxx");
     获取textbox的value值可以通过以下的方式:
     $('#paper_title').textbox('getValue');
3)Numberbox 数字框    numberbox的赋值可以通过下面的这种方式
      //xxx为要赋的值       $('#question_score').numberbox('setValue','xxx');  
    numberbox获取value的值可以通过下面的这种方式
       $('#question_score').numberbox('getValue');  
4) textarea:多行文本框    textarea的赋值可以通过下面这种方式:
       //xxx为要赋的值       $('#question_intro').val('xxxx');
    textarea获取value值可以通过下面的这种方式:
       $('#question_intro').val();
5) dateTimeBox:日期时间框    dateTimeBox值的设置可以通过下面这种方式:
         //startTime为要赋的值          $('#StartDateTime').val(startTime);
      dateTimeBox取值可以通过下面这种方式:
          $('#StartDateTime').datetimebox('getValue');
6)dateBox:日期框      dateBox值的设置可以通过下面这种方式:
          //startTime为要赋的值          $('#StartDate').datebox('setValue', startTime); 
      dateBox取值可以通过下面的这种方式:
          $('#StartDate').datebox('getValue');
以上就是我对easyui部分常用控件取值和赋值的总结,如有不对请多指教。
阅读全文
0 0
原创粉丝点击