MOSS 2007: добавление фильтра в веб-часть ListView - PullRequest
Новая
       37

MOSS 2007: добавление фильтра в веб-часть ListView

0 голосов
/ 15 сентября 2011

Меня поместили в проект sharepoint 2007, и у меня относительно небольшой опыт изменения существующих веб-частей.

Моя первая задача - добавить фильтр в два из трех столбцов в представлении списка.Мой ведущий разработчик предлагает попробовать добавить фильтр со списком jquery, а другой разработчик предлагает расширить веб-часть и переопределить некоторые функции.

То, что я считаю хорошим вариантом, - это изменить контекстное меню длязаголовки представления списка, так что вместо «Показать выбор фильтра», вызывающего стандартный выпадающий список, который отвечает только на первую букву, он будет иметь выпадающий список jquery.И, может быть, если бизнес попросит об этом, измените формулировку этого варианта.

Мой вопрос к вам: каков будет хороший путь для этого?Кроме того, какие есть ресурсы, помимо того, что они просматривают книги и блоги, чтобы помочь новичку в этом?

Спасибо.

1 Ответ

1 голос
/ 15 сентября 2011

Как насчет этого: 

    <script src="http://www.google.com/jsapi"></script>

    <script>
        google.load("jquery", "1.2.6");
        google.setOnLoadCallback(function() { 

            $(document).ready(function()
            { 
                jQuery.extend(jQuery.expr[':'], {
                containsIgnoreCase: "(a.textContent||a.innerText||jQuery(a).text()||'').toLowerCase().indexOf((m[3]||'').toLowerCase())>=0"
    });

    $("table.ms-listviewtable tr.ms-viewheadertr").each(function()
    {
        if($("td.ms-vh-group", this).size() > 0)
        {
            return; 
        }
        var tdset = "";
        var colIndex = 0;
        $(this).children("th,td").each(function()
        {
            if($(this).hasClass("ms-vh-icon"))
            {
                // attachment
                tdset += "<td></td>";
            }
            else
            {
                // filterable
                tdset += "<td><input type='text' class='vossers-filterfield' filtercolindex='" + colIndex + "' /></td>"; 
            }
            colIndex++;
        });
        var tr = "<tr class='vossers-filterrow'>" + tdset + "</tr>";
        $(tr).insertAfter(this);
    }); 

        $("input.vossers-filterfield")
            .css("border", "1px solid #7f9db9")
            .css("width", "100%")
            .css("margin", "2px")
            .css("padding", "2px")
            .keyup(function()
        { 
            var inputClosure = this;
            if(window.VossersFilterTimeoutHandle)
            {
                clearTimeout(window.VossersFilterTimeoutHandle);
            }
            window.VossersFilterTimeoutHandle = setTimeout(function()
            {
            var filterValues = new Array();
            $("input.vossers-filterfield", $(inputClosure).parents("tr:first")).each(function()
            { 
                if($(this).val() != "") 
                {
                    filterValues[$(this).attr("filtercolindex")] = $(this).val();
                }
            }); 
            $(inputClosure).parents("tr.vossers-filterrow").nextAll("tr").each(function()
            {
                var mismatch = false;
                $(this).children("td").each(function(colIndex)
                {
                    if(mismatch) return;
                    if(filterValues[colIndex])
                    {
                        var val = filterValues[colIndex];
                        // replace double quote character with 2 instances of itself
                        val = val.replace(/"/g, String.fromCharCode(34) + String.fromCharCode(34)); 
                        if($(this).is(":not(:containsIgnoreCase('" + val + "'))"))
                        {
                            mismatch = true;
                        } 
                    }
                });
                if(mismatch)
                {
                    $(this).hide();
                }
                else
                {
                    $(this).show();
                } 
                }); 
            }, 250);
        });
    });
});

Его необходимо добавить на страницу через веб-часть редактора контента.

...