在asp.net mvc视图的桌上的Jquery ui手风琴

时间:2015-10-13 10:58:24

标签: asp.net-mvc jquery-ui

我必须在asp.net mvc动态生成的表行中实现jquery ui accordion和sortable。我已经实现了可排序和它的工作正常,但我怎么能阻止手风琴到表格。

        <table >    
    <tbody id="rowAccordion">
            @foreach (var item in Model)
            {
                <tr class="rowSort">
                    <td style="width: 200px;">
                        <h3>
                            <a href="#">@item.PageTitle</a>
                        </h3>
                        <div>
                            <p>
                                Discription
                            </p>
                        </div>
                    </td>
                </tr>
            }  
</tbody> 
</table>

<script>
    $(function () { $("#rowAccordion").accordion(); }); 

    $("#rowAccordion").sortable();
</script>

1 个答案:

答案 0 :(得分:1)

使用选项&#34;标题&#34;使用您想要显示为标题的列。

$(document).ready(function () {
    $("#rowAccordion").accordion({header: 'YOUR COLUMN SELECTOR HERE' });
});

HTH