zoukankan      html  css  js  c++  java
  • easyui.dialog

       <a href="#" class="easyui-linkbutton" plain="true" onclick="newAdd()" icon="icon-add">新增</a>
     
     
     
    <div id="win" class="easyui-dialog" title="班级信息添加"  style=" 400px; padding: 10px 20px; height: 410px;"
         closed="true" buttons="#dlg-buttons">
     
        <form id="fm" method="post" action="" style="margin-top: 20px; margin-left: 20px;">
            <div class="fitem">
                <label>贷款人数:</label>
                <input id="dkrs" style="" name="" class="easyui-textbox"  />
            </div>
            <div class="fitem">
                <label>班级名称:</label>
                <input id="bjmc" name="" class="easyui-textbox" />
            </div>
            <div class="fitem">
                <label>班级人数:</label>
                <input id="bjrs" name="" class="easyui-textbox" />
            </div>
     
            <div class="fitem">
                <label>老师名称:</label>
                <input id="lsmc" name="" class="easyui-textbox"  />
            </div>
     
            <div class="fitem">
                <label>辅导员名称:</label>
                <input id="fdymc" name="" class="easyui-textbox"  />
            </div>
     
            <div class="fitem">
                <label>辅导员编号:</label>
                <input id="fdybh" name="" class="easyui-textbox"  />
            </div>
            <div class="fitem">
                <label>辅导员头像:</label>
                <input type="file" name="file_upload2" id = "uplx" accept="image/gif,image/jpeg,image/jpg,image/png,image/svg" onchange="imgPreview(this)" >
            </div>
            <div id="Imgdiv" class="fitem">
                <label></label>
                <img id="preview" width="200px" height="200px" placeholder="预览"/>
            </div>
            <!--直接写提交取消的事件不需要在js中绑定-->
            <div id="dlg-buttons" style="display: block">
                <a id="confirm" href="javascript:void(0)" class="easyui-linkbutton c6" iconcls="icon-ok" onclick="Modify()" style=" 90px">提交</a>
                <a href="javascript:void(0)" class="easyui-linkbutton" iconcls="icon-cancel" onclick="javascript:$('#win').dialog('close')" style=" 90px">取消</a>
            </div>
        </form>
    </div>
    function newAdd(){
        $('#win').dialog('open');
    }

    js格式

    $("#setActionDialogDiv").dialog({
      title: '设置特殊权限', //对话框的标题文本
      modal: true, //是否是模态div
       600, //宽度
      height: 400, //高度
      collapsible: true, //定义是否显示折叠按钮
      minimizable: true, //定义是否显示最小化按钮
      maximizable: true, //定义是否显示最大化按钮
      resizable: true, //定义对话框是否可调整尺寸
      maximized:true, //初始化窗口最大化
      buttons: [{
        id: 'btnOk',
        text: '设置',
        iconCls: 'icon-ok',
        handler: subSetActionFrm
      }, {
        id: 'btnCancel',
        text: '取消',
        iconCls: 'icon-cancel',
        handler: function () {
        //弹出一个添加的对话框
        $("#setActionDialogDiv").dialog("close");
      }
    }]
    })
  • 相关阅读:
    PHP chop() 函数
    PHP bin2hex() 函数
    多个表关联或者有视图套视图,快速检查SQL语句中所有的表统计信息是否过期
    洛谷P3628 [APIO2010]特别行动队 斜率优化
    洛谷P3195 [HNOI2008]玩具装箱TOY 斜率优化
    bzoj4282 慎二的随机数列 树状数组求LIS + 构造
    校园网 入读统计 + 性质分析
    HAOI2006 受欢迎的牛 缩点
    普通平衡树 Treap
    洛谷P1563 玩具谜题 简单模拟
  • 原文地址:https://www.cnblogs.com/hofmann/p/13452538.html
Copyright © 2011-2022 走看看