首页 > 其他 > 详细

easyui增删改查前段代码

时间:2019-04-06 22:05:50      阅读:186      评论:0      收藏:0      [点我收藏+]

 

 

 

<script>
    var url;
    //添加用户窗体
    function newUser()
    {
        $(#dlg).dialog(open).dialog(setTitle, 学生信息添加);
        $(#fm).form(clear);
        url = /Students/Add;
    }
    //编辑
    function editUser()
    {
        var row = $(#dg).datagrid(getSelected);
        if (row) {
            $(#dlg).dialog(open).dialog(setTitle, 修改学生信息);
            $(#fm).form(load, row);
            url = /Students/Edit/ + row.StuId;
        }
    }
    //提交方法
    function saveUser() {
        $(#fm).form(submit, {
            url: url,
            onSubmit: function () {
                return $(this).form(validate);
            },
            success: function (data) {
                if (data.Result==false) {
                    $.messager.show({
                        title: Error,
                        msg: data.Message
                    });
                } else {
                    $(#dlg).dialog(close);        // close the dialog
                    $(#dg).datagrid(reload);    // reload the user data
                }
            }
        });
    }
    function InitGrid()
    {
        $("#dg").datagrid({
            url: /Students/StudentRead,
            title: 学生列表,
            toolbar: #toolbar,
            rownumbers: true,
            fitcolumns: true,
            singleselect: true

        });
    }


</script>

<table id="dg" title="My Users" class="easyui-datagrid" style="width:550px;height:250px"
       url="/Students/StudentRead"
       toolbar="#toolbar"
       rownumbers="true" fitcolumns="true" singleselect="true">
    <thead>
        <tr>
            <th field="StuName" width="50">学生姓名</th>
            <th field="Age" width="50">年龄</th>
            <th field="Sex" width="50">性别</th>
            <th field="CreateTime" width="50">创建时间</th>
        </tr>
    </thead>
</table>

<div id="toolbar">
    <a href="#" class="easyui-linkbutton" iconcls="icon-add" plain="true" onclick="newUser()">New User</a>
    <a href="#" class="easyui-linkbutton" iconcls="icon-edit" plain="true" onclick="editUser()">Edit User</a>
    <a href="#" class="easyui-linkbutton" iconcls="icon-remove" plain="true" onclick="destroyUser()">Remove User</a>
</div>

<div id="dlg" class="easyui-dialog" style="width:400px;height:280px;padding:10px 20px"
     closed="true" buttons="#dlg-buttons">
    <div class="ftitle">学生信息</div>
    <form id="fm" method="post">
        <div class="fitem">
            <label>StuName:</label>
            <input name="StuName" class="easyui-textbox">
        </div>
        <div class="fitem">
            <label>Age:</label>
            <input name="Age" class="easyui-textbox">
        </div>
        <input type="hidden" name="StuId"/>
    </form>
</div>
<div id="dlg-buttons">
    <a href="#" class="easyui-linkbutton" iconcls="icon-ok" onclick="saveUser()">Save</a>
    <a href="#" class="easyui-linkbutton" iconcls="icon-cancel" onclick="javascript:$(‘#dlg‘).dialog(‘close‘)">Cancel</a>
</div>

 

easyui增删改查前段代码

原文:https://www.cnblogs.com/tianranhui/p/10663010.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!