在SharePoint内容编辑器中对javascript创建的列表进行排序/过滤

时间:2011-05-06 20:35:11

标签: javascript sorting sharepoint filter html-table

我在SharePoint 2010中工作,我有一个列表,我想以非常具体的方式显示。基本上,我使用Javascript,jquery和SPServices来查询列表并在内容编辑器Web部件中构建一个表,其中的链接因登录名和请求状态而异。好的,这样可行,但现在我正在尝试对Javascript生成的表进行排序/过滤,这对我来说没什么好处。

我尝试了一些不同的Javascripts进行排序和过滤,这个似乎是我需要的那个:http://www.javascripttoolbox.com/lib/table如果我在内容编辑器Web部件中创建一个HTML表,它确实有效,但是如果页面上没有表格,那么就会出现问题。

非常感谢任何帮助或建议。

以下是几段代码:

<table class="table-autosort table-autofilter" id="openReqTable" bordercolor="#000000" border="1" cellspacing="0" cellpadding="5">
<thead>
    <tr>
        <th class="table-sortable:numeric table-filterable">Request ID</th>
        <th>
...
        </th>
        <th>Request Status</th>
    </tr>
</thead>
<tbody></tbody></table>
<script src="/Utilities/jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="/Utilities/jquery.SPServices-0.5.7.min.js" type="text/javascript"></script>
<script type="text/javascript">
    var tableRowCount = 1;
    var query;
...

    $(document).ready(function()
    {
        currentUserVar = $().SPServices.SPGetCurrentUser({
            fieldName: "UserName",
            debug: false
        });

...

    var groupCollectionVar = $().SPServices({
                                operation: "GetGroupCollectionFromUser",
                                userLoginName: currentUserVar,
                                completefunc: groupTestFunc
                                });
});

function groupTestFunc(xData,status)
{
...
        newRow=document.getElementById('openReqTable').insertRow(tableRowCount);
        newTableColumnA=newRow.insertCell(0);
...
        newTableColumnK=newRow.insertCell(10);
...
        newTableColumnA.innerHTML=requestIDLink;
...
        newTableColumnK.innerHTML=requestStatus;
        tableRowCount++;
    });
}</script><script src="/Utilities/table.js" type="text/javascript"></script>

0 个答案:

没有答案