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

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部分常用控件取值和赋值的总结，如有不对请多指教。