Jquery EasyUI的添加，修改，删除，查询等基本操作(2)

<div
       closed="true" buttons="#dlg-buttons">
       <div>
           信息编辑
       </div>
       <form method="post">
       <div>
           <label>
               编号
           </label>
           <input required="true" />
       </div>
       <div>
           <label>
               卡号</label>
           <input required="true" />
       </div>
       <div>
           <label>
               密码</label>
           <input required="true" />
       </div>
       <div>
           <label>
               创建时间</label>
           <input required="true" />
       </div>
       <div>
           <label>
               创建人</label>
           <input />
       </div>
       <input type="hidden" />
       <input type="hidden" />
       </form>
   </div>

?<div>
        <a href="javascript:void(0)" iconcls="icon-save">保存</a>
        <a href="javascript:void(0)"
            iconcls="icon-cancel">取消</a>
    </div>

注：class为弹出框类型；closed:当前显示状态为隐藏；buttons:弹出框的功能按钮；

对弹出的添加页面添加样式

复制代码 代码如下:

?<style type="text/css">
        #fm
        {
            margin: 0;
            padding: 10px 30px;
        }
        .ftitle
        {
            font-size: 14px;
            font-weight: bold;
            padding: 5px 0;
            margin-bottom: 10px;
            border-bottom: 1px solid #ccc;
        }
        .fitem
        {
            margin-bottom: 5px;
        }
        .fitem label
        {
            display: inline-block;
            width: 80px;
        }
    </style>

js实现对数据的添加修改删除

复制代码 代码如下: