SpringMVC+easyUI中datagrid修改数据实现_2014.5.6

一.概括

　　springMVC集成hibernate4,hibernate来操控DAO层，spring来控制事务。具体如下：

二.实现

　　1.controller

    @RequestMapping("/mdfUser")
    @ResponseBody
    public void mdfUser(User u){
        userManager.modifyUser(u);
    }

　　2.userManager,这里要注意一下，spring的aop性质，应该是在这里进入到事务控制的，我也不是很了解，主要是在UserManager 里面的这个方法，要起spring中配置的属性一样，才会开启事务，否则在控制台不会打出任何东西,也就不会执行任何事务。

    public void modifyUser(User u) {
        userDao.mdfUser(u);
    }

1　　<bean id="userManager" parent="transactionBase">
2 　　       <property name="target" ref="userManagerBase"></property>
3　　</bean>

<bean id="transactionBase" class="org.springframework.transaction.interceptor.TransactionProxyFactoryBean" lazy-init="true" abstract="true">
        <property name="transactionManager" ref="transactionManager"></property>
        <property name="transactionAttributes">
            <props>
                <prop key="add*">PROPAGATION_REQUIRED,-Exception</prop>
                <prop key="update*">PROPAGATION_REQUIRED,-Exception</prop>
                <prop key="insert*">PROPAGATION_REQUIRED,-Exception</prop>
                <prop key="modify*">PROPAGATION_REQUIRED,-Exception</prop>
                <prop key="delete*">PROPAGATION_REQUIRED,-Exception</prop>
                <prop key="get*">PROPAGATION_NEVER</prop>
            </props>
        </property>
    </bean>

　　3.userDao层，这里只需要saveOrUpdate即可，但是有一点不明白，为何，我在使用hql语句来更新数据没有任何反应。这里用到了hql语句的占位符，格式就是这样，这是对与hibernate版本4以上提出的，老版本的？不再适用！同样贴上代码：

public void mdfUser(User user) {
        this.sessionFactory.getCurrentSession().saveOrUpdate(user);
3}

        String hql = "update User u set u.userName =:name , u.age =:age where u.id=:id";
        Query query = this.sessionFactory.getCurrentSession().createQuery(hql);
        query.setParameter("name", user.getUserName());
        query.setParameter("age", user.getAge());
        query.setParameter("id", user.getId());

　　4.前台js主要是通过修改和保存按钮来实现，这里主要有两个问题

　　　　4.1  onAfterEdit事件，此事件的意思是，在编辑窗口完事以后触发，这就涉及到增加按钮与修改按钮的　　　　　　功能区分，这里就要加一个标志位，根据标志位来判断是增加的触发还是修改时候的触发，因为他们　　　　　　提交到后台的处理程序是完全不一样的。这里的标志位为addOrMdfFlag，

　　　　4.2 保存按钮，我的保存按钮有两部分功能，一是在添加数据以后点击保存按钮，会关闭当前（第1行数据　　　　　　的）编辑状态，二是在点击修改后，关闭当前行的状态，所以这里也用到了一个标志位，在增加处，　　　　　　标志位flag固定为0（因为我是在行编辑模式下，‘0’代表第一行，也就是在第1行新增数据），在修改　　　　　　处，我会通过getRowIndex来获取row的索引值，也就是能够表示当前位置的行数。

$('#datagrid').datagrid({
        toolbar: [{
            text:'增加',
            iconCls: 'icon-add',
            handler: function(){
                addOrMdfFlag = 0;
 7                 rowEdit = 0;
                $('#datagrid').datagrid('insertRow',{
                    index : rowEdit ,
                    row:{
                        
                    }
                });
                $('#datagrid').datagrid('beginEdit',rowEdit);
                console.info("rowEdit ="+ rowEdit +"*****"+"addOrMdfFlag = " +addOrMdfFlag);
            }
        },'-',{
            text:'修改',
            iconCls: 'icon-edit',
            handler: function(){
                addOrMdfFlag = 1;
                var row = $('#datagrid').datagrid('getSelected');
23                 var index = $('#datagrid').datagrid('getRowIndex',row);
                rowEdit = index;        
                console.info("rowEdit ="+ rowEdit+"*****"+"addOrMdfFlag = " +addOrMdfFlag);
                $('#datagrid').datagrid('beginEdit',index);
                
            }
        },'-',{
            text:'删除',
            iconCls: 'icon-remove',
            handler: function(){
                del();
        }
        },'-',{
            text:'取消选中',
            iconCls: 'icon-undo',
            handler: function(){
                $('#datagrid').datagrid('clearSelections');
                $('#datagrid').datagrid('unselectAll');
                $('#datagrid').datagrid('endEdit',rowEdit);
            }
        },'-',{
            text:'保存',
            iconCls: 'icon-save',
            handler: function(){
                console.info("rowEdit ="+ rowEdit);
                $('#datagrid').datagrid('endEdit',rowEdit);
            }
        }],
        onAfterEdit : function (rowIndex, rowData, changes){
            if(addOrMdfFlag = 0){
                console.info("addOrMdfFlag = "+addOrMdfFlag);
                $.ajax({
                       type: "POST",
                       url: "user/addUser",
                       data: {
                           "userName":rowData.userName,
                              "age":rowData.age
                       },
                       success: function(msg){
                         $('#datagrid').datagrid('load');
                       }
                    });
            }
            else if(addOrMdfFlag = 1){
                console.info("addOrMdfFlag = "+addOrMdfFlag);
                $.ajax({
                       type: "POST",
                       url: "user/mdfUser",
                       data: {
                           "id":rowData.id,
                           "userName":rowData.userName,
                              "age":rowData.age
                       },
                       success: function(msg){
                         $('#datagrid').datagrid('load');
                       }
                    });
            }
            else {
                alert("出现错误，请于管理员联系");
            }
        }
    });
});