EasyUI Datagrid 수정 내용 가져오기

21652 단어 datagrid
<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>

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

좋은 웹페이지 즐겨찾기