码迷,mamicode.com
首页 > 其他好文 > 详细

easy UI 注意事项

时间:2016-08-13 11:25:31      阅读:364      评论:0      收藏:0      [点我收藏+]

标签:

1.多次使用按钮button。

<div id="buttons">
    <a id="save_channelD" href="javascript:void(0);"
       class="easyui-linkbutton" data-options="width:70"
       onclick="javascript:savechannelD();">保存</a> &nbsp;&nbsp;
</div>


不要加 data-options="width:70”   。应为给其设置宽度后,easy UI会把其作为流式布局,相对于父级定位,各个按钮会表现奇葩。
easy UI 原文定义:
Fluid LinkButton

This example shows how to set the width of LinkButton to a percentage of its parent container.

链接地址:http://www.jeasyui.net/demo/364.html

2.easyui-datagrid不要重复设置 data-options=“url:…” 和  $(‘#bank_dg‘).datagrid({url: ‘..’}) ,会报错。

<table id="bank_dg" title="" class="easyui-datagrid" style="width:100%;">
    <thead>
    <tr>
        <th data-options="field:‘plaName‘,width:40,align:‘center‘">平台名称</th>
        <th data-options="field:‘bankName‘,width:40,align:‘center‘">银行名称</th>
        <th data-options="field:‘bankOpening‘,width:40,align:‘center‘">开户行</th>
        <th data-options="field:‘bankAccount‘,width:40,align:‘center‘">银行账号</th>
        <th data-options="field:‘stockAmount‘,width:40,align:‘center‘">库存金额</th>
        <th data-options="field:‘stockBalance‘,width:40,align:‘center‘">在库余额</th>
        <th data-options="field:‘warningAmount‘,width:40,align:‘center‘">预警金额</th>
        <th data-options="field:‘createTime‘,width:40,align:‘center‘">建档时间</th>
        <th data-options="field:‘refreshTime‘,width:40,align:‘center‘">更新时间</th>
    </tr>
    </thead>
</table>


3. easyui-combobox  ,easyui-datetimebox  类型获取值于一般的$().val();不同,有各自的方法:

$(‘#sex‘).combobox(‘getValue‘),
$(‘#InDate‘).datetimebox(‘getValue‘),        


4.清空easy UI输入框 easyui-textbox 的值或下拉选择框 easyui-combobox 的值。

用$().val(“ “),可以出发清空,但是easy UI有记忆回填机制,当你只是设置为空时,它会于上一次离开出发blur事件时的值对比,如果不同把原来的值回填。所以你会发现,原来以为清空的值再次点击时,之前清空的值有神奇的再现了。。。

$("#channelNo").val("");//清空
$("#channelNm").val("");//清空


这么写好与效果???why????

这与easy UI 的demo结构有关。所填非所见。

技术分享

基于这种渲染结构,改为如下:

$("#channelNo").parent().find("input").val("");//清空
$("#channelNm").parent().find("input").val("");//清空

很好点击清空按钮,输入框内容清空了。

但是,在你再次点击此清空后的输入框时,之前清空的内容继续回填了???

技术分享

很简单,用easy UI的方式对其设置,就没问题了。

    function resetQuery(){
         $("#channelNo").textbox(‘setValue‘,‘‘)//赋值
         $("#channelNm").textbox(‘setValue‘,‘‘)//赋值
         $("#channelType").combobox(‘setValue‘,‘‘);
     }

 

5.easy  UI input 取值赋值。

$("#userdlg_useraccount").textbox(‘resize‘,‘140px‘);//设置宽度
$("#userdlg_useraccount").textbox(‘readonly‘,false);//设置可读
$("#userdlg_useraccount").textbox(‘readonly‘,true);//设置只读
var val = $("#userdlg_useraccount").textbox(‘getValue‘)//取值
$("#userdlg_useraccount").textbox(‘setValue‘,‘外星人‘)//赋值 

 

 

 


 

 

easy UI 注意事项

标签:

原文地址:http://www.cnblogs.com/xmyun/p/5767587.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!