Lisong's Blog

        p = $.extend({
            height: 200,  //表格高度，默认200
            width: 'auto', //表格宽度，默认自动
            striped: true, //是否显示斑纹效果，默认是奇偶交互的形式
            novstripe: false,
            minwidth: 30, //列最小宽度
            minheight: 80, //列最大宽度
            resizable: true, //是否可以伸缩大小
            url: false, //ajax地址
            method: 'POST', // 数据发送方式（即为$.ajax({method:'POST'})）
            dataType: 'xml', // 加载的数据格式（xml、json）
            errormsg: 'Connection Error', //出错时的提示信息
            usepager: false, //是否可以分页
            nowrap: true, // 是否不允许换行
            page: 1, // 当前第几页
            total: 1, // 总共多少页
            useRp: true, // 是否可以动态设置每页显示的结果数
            rp: 15, // 每页结果数
            rpOptions: [10, 15, 20, 25, 40], //设置可以选择的每页结果数
            title: false, //是否显示title
            pagestat: 'Displaying {from} to {to} of {total} items', //显示当前页和总页面的样式
            procmsg: 'Processing, please wait ...', // 数据加载是的提示信息
            query: '', //搜索查询条件，在我改过之后，似乎已失效，我也没用到过
            qtype: '', //同上
            nomsg: 'No items', //没有查询到记录时显示
            minColToggle: 1, //允许显示的最小列数
            showToggleBtn: true, //是否允许显示隐藏列
            hideOnSubmit: true, //是否在回调时显示遮盖
            autoload: true, //自动加载
            blockOpacity: 0.5, //透明度设置
            onToggleCol: false, //当在行之间转换时，可在此方法中重写默认实现
            onChangeSort: false, //当改变排序时，可在此方法中重写默认实现
            onSuccess: false, //每次加载成功后执行的函数
            onSubmit: false, // 调用自定义的计算函数，我从来没用到过
            canSelect: false, //是否允许选中行
            quichtml: '', // 替换了原版本的快速搜索栏html
            rowhandler: false, // 给每行绑定右击事件
            rowClick: false //单击行时的事件函数
        }, p);

function getFileName(file) {
            var temp = file.split("/");
            return temp[temp.length - 1];
        }
function formatLink(tdDiv, pid) {
            var value = $(tdDiv).text();
            if (value.length > 1) {
                $(tdDiv).html("<a href='http://*****/" + value + "' target='_blank'>" + getFileNmae(value) + "</a>");
            } else {
                $(tdDiv).html("<font color='lightgrey'>No ppt file</font>");
            }
        }
function loadData(row) {
            var id = parseInt(row.id.replace('row', ''));
            $('#result').attr('disabled', 'disabled');
            $.ajax({
                url: "ImportFromOld.aspx?action=loadData",
                cache: false,
                type: "POST",
                data: "ID=" + id,
                success: function(json) {
                    var data = eval('(' + json + ')');
                    $('#ProjectID').val(id);
                    $('#ProjectName').val(data.description);
                    $('#Workcell').val(data.workcell);
                    $('#Department').val(data.department);
                    $('#Leader').val(data.pic);
                    $('#StartDate').val(data.start);
                    $('#DueDate').val(data.due);
                    $('#ProjectStatus').val(data.status);
                    $('#file').val(data.link);
                    $('#Duration').val(dateDiff('D', data.start, data.due));
                    $('#result').removeAttr('disabled');
                }
            });
        }
function contextmenu(row) {
            var menu = { width: 150, items: [
                     { text: "Modify", icon: "images/icons/edit.png", alias: "contextmenu-edit", action: contextMenuItem_click },
                     { text: "Validate", icon: "images/icons/view.png", alias: "contextmenu-validate", action: contextMenuItem_click },
                     { text: "Delete", icon: "images/icons/rowdelete.png", alias: "contextmenu-delete", action: contextMenuItem_click },
                     { text: "Refresh", icon: "images/icons/table_refresh.png", alias: "contextmenu-reflash", action: contextMenuItem_click }
                ]
            };
            function contextMenuItem_click(target) {
                var id = $(target).attr("id").substr(3);
                var cmd = this.data.alias;
                var ch = $.browser.msie ? target.ch : target.getAttribute("ch");
                if (cmd == "contextmenu-edit") {
                    window.open("Admin/?method=modify&id=" + id);
                }
                else if (cmd == "contextmenu-validate") {
                    window.open("Admin/?method=validate&id=" + id);
                }
                else if (cmd == "contextmenu-delete") {
                    deleteid = id;
                    $('#delete-info').dialog('open');
                }
                else {
                    $("#result").flexReload();
                }
            }
            $(row).contextmenu(menu);
        }
 
     $(document).ready(function() {
            var flexioption = {
                url: 'importfromold.aspx?action=read',
                dataType: 'json',
                method: 'POST',
                colModel: [
				    { display: 'Project Name', name: 'Description', width: 290, sortable: true, align: 'left' },
				    { display: 'Workcell', name: 'Workcell', width: 100, sortable: true, align: 'center' },
				    { display: 'Department', name: 'Department', width: 100, sortable: false, align: 'center' },
				    { display: 'Project Leader', name: 'PIC', width: 150, sortable: true, align: 'center' },
				    { display: 'Start date', name: 'Start', width: 120, sortable: true, align: 'center' },
				    { display: 'Due date', name: 'Due', width: 120, sortable: true, align: 'center' },
				    { display: 'Project status', name: 'Status', width: 130, sortable: true, align: 'center' },
				    { display: 'Powerpoint', name: 'Link', width: 150, sortable: false, align: 'center', process: formatLink }
				],
                sortname: 'Description',
                sortorder: 'asc',
                usepager: false,
                showTableToggleBtn: true,
                height: document.documentElement.clientHeight / 2 - 100,
                hideOnSubmit: true,
                nomsg: 'No records of your search.',
                striped: true,
                canSelect: true,
                singleSelect: true,
                rowhandler: contextmenu,
                rowClick: loadData
            };
            $('#result').flexigrid(flexioption);
});