easyui编程中值得学习的一些代码

1.文本框js验证

    $('#manager').validatebox({

           required : true,

           missingMessage : '请输入管理员帐号',

           invalidMessage : '管理员帐号不得为空'

     });

     

     $('#password').validatebox({

           required : true,

           validType : 'length[6,30]',

           missingMessage : '请输入管理员密码',

           invalidMessage : '密码长度为【6-30】',

     });

     

     

         登录

     

     $('#btn a').click(function(){

           if(!($('#manager').validatebox('isValid'))){

                $('#manager').focus();

           }else if (!($('#password').validatebox('isValid'))){

                $('#password').focus();

           }else{

                alert('提交中……');

           }

     });

 

2.HTML中定义如下：

    

        新增

   

 

  js代码如下：  

  manage_tool = {

           add : function() {

                $('#manage_add').dialog('open');

                $('input[name="manager"]').focus();

           }

     }

 

3.html中定义新增弹出窗口时，可以不设置弹出窗口style="display:none;"，而是在js中设置dialog的closed:true,然后点按钮弹窗时调用其open方法，将$('#').dialog('open')即可（参照2）;

 

4.表单提交成功以后

$('#manage_add').dialog('close').form('reset'); //关闭窗口

$('#manage').datagrid('reload');     //重新加载datagrid

 

5.删除弹窗提示行数,ids使用数组，直接用join()方法添加分隔符

var rows = $('#manage').datagrid('getSelections');

     if(rows.length > 0){

           $.messager.confirm('确定','您要删除所选的' + rows.length + '条记录吗?',function(flag){

                if(flag){

                     var ids = [];

                     for(var i = 0;i

                           ids.push(row[i].id);

                     }

                     $.ajax({

                           data : {

                                ids : ids.join(',');

                           }

                     });

                }

           });

     }