关于easy-ui的一些用法总结

easy-ui,treegrid或者是datagrid里面toolbar按钮的隐藏
function HideButton(){
//隐藏第一个按钮
$('div.datagrid-toolbar a').eq(0).hide();
//隐藏第一条分隔线
$('div.datagrid-toolbar div').eq(0).hide();
//显示第一个按钮
$('div.datagrid-toolbar a').eq(0).show();
//显示第一条分隔线
$('div.datagrid-toolbar div').eq(0).hide();
disable toolbar按钮
$('#btnpichuli').linkbutton('disable');
enable toolbar按钮
$('#btnpichuli').linkbutton('enable');

 toolbar: [{
            id:'btnpichuli',
            text: '批量审批',
            iconCls: 'icon-add',
            handler: function () {
                alert("批量审批");
            }
        }]
       
//////////////////////////////////
把一个div层组织成一个弹出的窗口
$('#btn-save,#btn-cancel').linkbutton();
   win = $('#eidt-window').window({
         closed: true,
         modal: true,
         shadow: false
         });
      form = win.find('form');
打开层
    win.window('open');
关闭
    win.window('close');
层的写法
    <div id="search-window" title="查询窗口" style="width: 350px; height: 220px;">
        <div style="padding: 20px 20px 40px 80px;">
            <form method="post">
            <table>
                <tr>
                    <td>
                        用户:
                    </td>
                    <td>
                        <input name="s_Name" id="s_Name" style="width: 150px;" />
                    </td>
                </tr>
            </table>
            </form>
        </div>
        <div style="text-align: center; padding: 5px;">
            <a href="javascript:void(0)" onclick="SearchOK()" id="btn-search" icon="icon-ok">确定</a>
            <a href="javascript:void(0)" onclick="closeSearchWindow()" id="btn-search-cancel"
                icon="icon-cancel">取消</a>
        </div>
    </div>       
       

你可能感兴趣的:(UI)