EasyUI Datagrid 取编辑修改后的内容

时间:2014-01-20 08:53:14   收藏:0   阅读:628
bubuko.com,布布扣
<script type="text/javascript">
        $(function () {
            $(#tt).datagrid({
                iconCls: icon-edit,
                method: post,
                pagination: true,
                rownumbers: true,
                pageSize: 10,
                pageList: [5, 10, 15, 20],
                singleSelect: true,
                idField: HHID,
                url: /admin/admin/JsonBianming,
                columns: [[
                    { field: HHID, title: 编号, width: 100 },
                    { field: HHTitle, title: 标题, width: 100 },
                    { field: HHUrl, title: Url, width: 300,editor:{ 
                        type:validatebox, 
                        options:{ 
                            validType: url
                        } 
                    }  },

                    {
                        field: action, title: 操作, width: 70, align: center,
                        formatter: function (value, row, index) {
                            if (row.editing) {
                                var s = <a href="javascript:void(0)" onclick="saverow( + index + )">保存</a> ;
                                var c = <a href="javascript:void(0)" onclick="cancelrow( + index + )">取消</a>;
                                return s + c;
                            } else {
                                var e = <a href="javascript:void(0)" onclick="editrow( + index + )">编辑</a> ;
                                var d = <a href="javascript:void(0)" onclick="deleterow( + index + )">删除</a>;
                                return e + d;
                            }
                        }
                    },
                ]],
                onBeforeEdit: function (index, row) {
                    row.editing = true;
                    $(#tt).datagrid(refreshRow, index);
                },
                onAfterEdit: function (index, row) {
                    row.editing = false;
                    $(#tt).datagrid(refreshRow, index);
                },
                onCancelEdit: function (index, row) {
                    row.editing = false;
                    $(#tt).datagrid(refreshRow, index);
                }
            });
        })
        //修改
        function editrow(index) {
            $(#tt).datagrid(beginEdit, index);
        }
        //删除
        function deleterow(index) {
            $.messager.confirm(Confirm, 确定要删除这条吗?, function (r) {
                if (r) {
                    $(#tt).datagrid(deleteRow, index);
                }
            });
        }
        //保存
        function saverow(index_) {
            $(#tt).datagrid(endEdit, index_);
            //取修改过的行集合
            var rows = $(#tt).datagrid(getChanges);
            //alert(rows[0].HHUrl);     //rows[0].HHUrl 取修改后内容
} //取消修改 function cancelrow(index) { $(#tt).datagrid(cancelEdit, index); } </script>
bubuko.com,布布扣

 

<table id="tt"></table>

原文:http://www.cnblogs.com/iack/p/3526158.html

评论(0
© 2014 bubuko.com 版权所有 - 联系我们:wmxa8@hotmail.com
打开技术之扣,分享程序人生!