easyUi 新增页面

<style>
    #add{
        padding: 8px;
    }
    #add table{
        width:100%;
        border-collapse: collapse;
        border-color: #D4D4D4;
        border:0px;
    }
    #add table tr{
        height: 30px;
        line-height: 30px;
    }
    #add table th{
        text-align: center;
        color: #777;
        width:100px;
    }
    #add table td{
        padding: 4px 10px;
    }
    .isshow{
        position: relative;
        top:-6px;
        outline: none;
    }
    .show{
        position: relative;
        top:1px;
    }
    .textbox{
        height: 20px;
        line-height: 20px;
        padding: 2px;
        outline: none;
    }
    .textbox-addon {
        position: absolute;
        top: 2px;
    }
    #submit{
        margin-left: 30px;
    }
    input[name=display]{
        position: relative;
        top: 4px;
    }

</style>
<script>
    $(function(){
        /* 清除表单信息 */  $("#reset").click(function(){
           console.log($('.reset').textbox('reset'));
        });

        /* 验证表单信息 */  checkData();
        function checkData() {
            $('#cname').validatebox({
                required: true,
                missingMessage:'请输入分类名称'
            });
            $('#dw').validatebox({
                required: true,
                missingMessage:'请输入单位'
            });
            $('#sort').validatebox({
                required: true,
                missingMessage:'请输入排序'
            });
        }
        /* 验证表单信息结束 */   /* 提交数据 */  $("#submit").click(function(){




            if(  !$('#cname').validatebox('isValid') ){
                $('#cname').focus();
                return;
            }
            if(  !$('#dw').validatebox('isValid') ){
                $('#dw').focus();
                return;
            }
            if(  !$('#sort').validatebox('isValid') ){
                $('#sort').focus();
                return;
            }

            $.ajax({
               url:ThinkPHP['MODULE']+'/Category/index',
               type:'post',
               data:{
                   pid:$('.textbox-value').val(),
                   cname:$("#cname").val(),
                   dw:$("#dw").val(),
                   display:$("input[name='display']:checked").val(),
                   sort:$("#sort").val(),
               },
               success:function(data){

                    if(data>0) {
                        $('#tabs').tabs('close', '添加分类');//关闭当前tabs  $('#category').treegrid('reload');//刷新分类数据表格  $.messager.show({
                            title: '我的消息',
                            msg: '添加成功',
                            timeout: 1000,
                            showType: 'slide'
                        });
                    }
               }
            });
        });
        /* 提交数据结束 */  });
</script>
<form id="add" data-options="iconCls:'icon-building_add'">
    <table border="1">
        <tr>
            <th>所属分类</th>
            <td>
                <select id="cc" class="easyui-combotree" style="width:180px;"
                        data-options="url:'__MODULE__/Category/getCombotree',required:true,value:'顶级分类'"></select>
            </td>
        </tr>
        <tr>
            <th>分类名称</th>
            <td>
                <input type="text" name="cname" id="cname" class="textbox reset">
            </td>
        </tr>
        <tr>
            <th>单位</th>
            <td>
                <input type="text" name="dw" id="dw" class="textbox reset">
            </td>
        </tr>
        <tr>
            <th>是否显示</th>
            <td>
                <label for="xs" >显示</label><input id="xs" type="radio" checked name="display" value="1" >


                <label for="yc" >隐藏</label><input id="yc" type="radio"  name="display" value="0">

            </td>
        </tr>
        <tr>
            <th>排序</th>
            <td>
                <input type="text" name="sort" id="sort" class="textbox reset" />
            </td>
        </tr>
        <tr>
            <td colspan="2">
                <a id="submit" data-options="iconCls:'icon-accept'"  href="javascript:void(0);" class="easyui-linkbutton">添加分类</a>
            </td>
        </tr>
    </table>
</form>

你可能感兴趣的:(easyUi 新增页面)