EasyUI 如何给input 赋值

easyui 从未接触过 对于页面给文本框赋值遇到一些问题 写下了来

 

我之前使用了好几种方式都未能成功给input 文本框赋值

第一尝试传统的JavaScript代码：

 

document.getElementById(itemvalue).value=值;

 

第二尝试jquery中的好些方法也未能生效

$(#itemvalue).val('值');//通过val 

   $(#itemvalue).text('值');//通过text 

   $(#itemvalue).html('值');//通过html 

   $(#itemvalue).attr('value','值');//通过属性 

   //到了这里 还是不行 最后还是上网查资料 得到了一些结果 诶到此为止我心有点凉吧凉吧的了

 

   

   还是通过网查阅资料得知 原来是这么回事！

   <input class="easyui-textbox" id="itemvalue" name="itemvalue" type="text">

 

  当我们使用了easyui-xxxx  class这样的样式：我们的设置值方法 就应该变成这样的了

 

    设置值：

    $('#itemkey').textbox('setValue','值');

    取值就应该变成这样的了

    $('#itemkey').textbox('getValue');

    通过传统的$(#itemkey).val();也是没问题的

 

    还有其他一些设置 比如说我们的css样式是这样的

     <input class="easyui-datebox" id="itemvalue" name="itemvalue" type="text">

    那么他设置的方法就应该变为这样的了

    $(#xxx).datebox('setValue','2014-15-12'); 当然一看到datebox 就应该明白是一个日期的样式。 取值就不说了

 

 

 

 

 

    <input class="easyui-numberspinner" id="itemvalue" name="itemvalue" type="text">

    像这种一看就知道数值 取值同上 只是 $(#xxx).numberspinner('setValue','值')

 

    如上一般基于文本框 实现效果 设置 取值 使用easyui-xxxxx 去掉前面的easyui- 后面的xxxx作为设置取值的方法（）

 

    checkbox 的取值方法： $('#constant_type_type').combobox('getValue')