自動將jqgrid滾動到“當前日期”列，並閃爍具有已存儲數據的單元格的效果

Question

我正在加載約38列數據的jqgrid。 前6列已凍結，其他列未凍結（日期和月份取決於組合框。請在此處查看示例圖像）。 當數據完成加載jqgrid時，我想自動將jqgrid滾動到該月的當前日期中凍結的列的最后一列旁邊的特定列。 滾動條將取決於當前日期（例如：如果今天是2012年7月26日，它將自動滾動到該特定日期，依此類推）。

另一個是當天收到數據時，該單元格將閃爍為紅色和綠色（具有數據或值的那些單元格將閃爍為兩種顏色），類似這樣。

有誰知道如何做到這一點？
謝謝！ 。 請在此處查看布局的示例圖像。

Answer 1

我使用此功能滾動到當前日期列

function scrollToCurrentDate(currentDate,jqGrid){
    var width =0 ;
    var frozenWidth = 0;
    for(var i =0,col;col=jqGrid[0].p.colModel[i];i++){
        width += $("#"+jqGrid[0].id+"_"+col.name)[0].offsetWidth;
        if(col.name.indexOf('Qty')==0){
            var day = col.name.replace('Qty','');
            var date = $("#CurrentYear").val()+'-'+$("#CurrentMonth").val()+'-'+(parseInt(day)<10?"0"+day:day);

            if(currentDate == date){  
                var columnWidth = $("#"+jqGrid[0].id+"_"+col.name)[0].offsetWidth;
                $(".ui-jqgrid-hdiv").scrollLeft((width-columnWidth)-frozenWidth);
                $(".ui-jqgrid-bdiv").scrollLeft((width-columnWidth)-frozenWidth);
                break;
            }
        }
        else{
          frozenWidth += $("#"+jqGrid[0].id+"_"+col.name)[0].offsetWidth;    
        }
    }
}

然后在gridComplete中調用此函數：

scrollToCurrentDate(currentDate,$("#table"));

在眨眼效果中，這里是代碼。

var blinkStatus=false;
var blink = function(){
        //$(".blinker").toggle();
        $(".txtBlinker").css("background-color", blinkStatus?"#CFC":"#FF4F4F");
        blinkStatus=!blinkStatus;
    };
    $(document).ready(function() {

        setInterval(blink, 1000);
    });

Answer 2

好的，我希望您自己編寫代碼，我可以給您一些想法。

實現jqgrid的LoadComplete函數，並檢查哪一列具有當前日期，並在該列上調用jquery的focus方法。

就像這樣

該行的var Id = // id，其中具有當前日期的列。

通過使用jquery選擇器獲取該列，您知道使用tr和td，它們將具有一些id，為此檢查開發人員工具，然后在該列上調用jquery的focus方法

或者如果您希望該列具有閃爍效果，

檢查這個

http://archive.plugins.jquery.com/project/blink ，

讓我知道是否還有其他問題。

PS-如果有幫助，請將其標記為答案。