BlogJava-Bob-文章分类-jqueryhttp://www.blogjava.net/keweibo/category/42699.htmlAs long as you are there to lead me ,I won't lose my way zh-cnThu, 24 Dec 2009 01:40:36 GMTThu, 24 Dec 2009 01:40:36 GMT60jQuery+DWR動態編輯表格Scripthttp://www.blogjava.net/keweibo/articles/306929.htmlKEKETue, 22 Dec 2009 08:46:00 GMThttp://www.blogjava.net/keweibo/articles/306929.htmlhttp://www.blogjava.net/keweibo/comments/306929.htmlhttp://www.blogjava.net/keweibo/articles/306929.html#Feedback0http://www.blogjava.net/keweibo/comments/commentRss/306929.htmlhttp://www.blogjava.net/keweibo/services/trackbacks/306929.html     <script type="text/javascript" src="<%=root %>/dwr/engine.js"></script>
    <script type="text/javascript" src="<%=root %>/publicJS/jquery-1.3.1.js"></script>
    <script type="text/javascript">
        $(function(){
            //edit table可編輯表格
            var numTD = $("#datatable tbody td.edit");//排除掉不能被修改的單元格
            numTD.dblclick(function(){
                var inputobj = $("<input type='text'>");//新建文本輸入框
                var tdobj = $(this);//被編輯的單元格
                var text = tdobj.html();
               
                inputobj.val(text);
                //important 一定要在插入文本框前進行判斷
                if(tdobj.children("input").length > 0){
                    return false;
                }
                tdobj.html("");
                inputobj.width(tdobj.width());
               
                inputobj.appendTo(tdobj);
                inputobj.trigger("focus").trigger("select");
                //阻止文本框的雙擊事件
                inputobj.click(function(){
                    return false;
                });
                //處理鍵盤事件
                inputobj.keyup(function(event){
                    //獲取當前按鍵的值
                    //jQuery的event對象上有一個which的屬性可以獲得鍵盤按鍵的鍵值
                    var keycode = event.which;
                    //處理回車的情況
                    if(keycode == 13){
                        //獲取當前文本框的內容
                        var inputtext = $(this).val();
                        //將td的內容修改成文本框珠內容
                        tdobj.html(inputtext);
                        var v_id = tdobj.parent().children().eq(1).html();
                        var column = tdobj.attr("id");
                       
                        if(column == "roleName"){
                            systemDaoAjax.updateRole({id : v_id,
                                            roleName : tdobj.parent().children("#roleName").html(),
                                            createUser : $("#hidden_username").val()
                                                }, null);
                        }else if(column == 'roleDesc'){
                            systemDaoAjax.updateRole({id : v_id,
                                            roleDesc : tdobj.parent().children("#roleDesc").html(),
                                            createUser : $("#hidden_username").val()
                                                }, null);
                        }
                    }
                    //處理ESC的情況
                    if(keycode == 27){
                        //將td中的內容原來為原先的值text
                        tdobj.html(text);
                    }
                });
                //文本框失去焦點事件,與ESC事件一樣
                inputobj.blur(function(){
                    //將td中的內容原來為原先的值text
                    tdobj.html(text);
                });
            });
        });
        function checkUserName(){
            var username = document.getElementById("username").value;
            if(!username==""){
                systemDaoAjax.validateUserName(username, function userNameCallback(data){
                    if(data){
                        document.getElementById("saveButton").disabled = false;
                        document.getElementById("feedBackMessage").style.display='none';
                        setCheckbox();//設置或者清空篩選框
                    }else{
                        document.getElementById("saveButton").disabled = true;
                        document.getElementById("feedBackMessage").style.display='block';
                    }
                });
            }
        }
        function setCheckbox(){
            var checkitem = document.getElementsByName("roleIdCheckbox")
            systemDaoAjax.getRoleByUserName(document.getElementById("username").value, function funcRoleCallback(roleArray){
                for(var i=0; i<checkitem.length; i++) {
                    checkitem[i].checked=false;
                    for(var j=0; j<roleArray.length; j++){
                        if(checkitem[i].value==roleArray[j])
                            checkitem[i].checked=true;                           
                    }
                }
            });
        }
        function saveUserRole(){
            var arrays = new Array();
            var items = document.getElementsByName("roleIdCheckbox")
            for(i=0; i<items.length; i++) {
                if(items[i].checked)
                    arrays.push(items[i].value);
            }
            if(arrays.length>0){
                systemDaoAjax.saveUserRole(document.getElementById("username").value, arrays, function saveUserRoleCallback(data){
                    if(data)
                        alert("操作成功!");
                    else
                        alert("注意:操作失敗!");
                });
            }else{
                alert("請選擇要授權的角色!");
            }
        }
    </script>


KE 2009-12-22 16:46 发表评论
]]>选择器中含有空格的注意事项http://www.blogjava.net/keweibo/articles/301888.htmlKEKETue, 10 Nov 2009 12:48:00 GMThttp://www.blogjava.net/keweibo/articles/301888.htmlhttp://www.blogjava.net/keweibo/comments/301888.htmlhttp://www.blogjava.net/keweibo/articles/301888.html#Feedback0http://www.blogjava.net/keweibo/comments/commentRss/301888.htmlhttp://www.blogjava.net/keweibo/services/trackbacks/301888.html 如
$( '.test  :hidden' )   //带空格
以上代码是选取class为"test"的元素里面的隐藏元素、
而代码
$( '.test:hidden' )   //不带空格
则是选取隐藏的class为“test”的元素

KE 2009-11-10 20:48 发表评论
]]>$("#tt")获取的永远是对象http://www.blogjava.net/keweibo/articles/301880.htmlKEKETue, 10 Nov 2009 12:00:00 GMThttp://www.blogjava.net/keweibo/articles/301880.htmlhttp://www.blogjava.net/keweibo/comments/301880.htmlhttp://www.blogjava.net/keweibo/articles/301880.html#Feedback0http://www.blogjava.net/keweibo/comments/commentRss/301880.htmlhttp://www.blogjava.net/keweibo/services/trackbacks/301880.html 不能使用以下代码

if ( $( "#tt" ) ) {
    // do something
}

而应该根据获取到元素的长度来判断，代码如下

if ( $( "#tt" ).length > 0 ) {
     // do something
}

或者转换成DOM对象来判断，代码如下：

if ( $( "#tt" )[0] ) {
     // do something
}

KE 2009-11-10 20:00 发表评论
]]>