jquery---顯示活數據表格用法

var options;
(function ($){
    var defaults = {
        data:[],                //數據 json
        itemStyle:{
            fontSize:'13px',            //文字的大小
            titlefontColor:'#eeeeee',            //名稱文字顏色
            valuefontColor:'#eeeeee',            //值文字顏色
            borderColor:'#cccccc',        //邊框線顏色
            titleBgColor:'#26A0DA',    //名稱背景顏色
            valueBgColor:'#F50000'        //值背景顏色
        }
    };
    
    
    $.fn.subject_dashboard = function (id,options){
        $(this).children().remove();
        options = $.extend(defaults,options);
        var dataObj = options.data;// 數據JSON
        var itemDiv="";// 設置TABLE的長度
        $.each(dataObj.datalist,function (i,n){
            itemDiv = itemDiv + "<div id='"+n.id+"' class='subject-content-li'>";
            itemDiv = itemDiv + "<div class='subject-content-li-img'>";
            itemDiv = itemDiv + "<img src='../imgs/i08.png'/>";
            itemDiv = itemDiv + "</div>";
            itemDiv = itemDiv + "<div id='subjectname' class='subject-content-li-text'>"+n.names+"</div>";
            itemDiv = itemDiv + "</div>";//div格式

        });
        $(this).append(itemDiv);
        return this;
    };

})(jQuery);

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章