2012-12-14 2 views
0

Я использую XSLT для преобразования xml-файла в html, чтобы его можно было просматривать в браузере.Используйте XSLT и jQuery вместе

Мой XSL-файл в основном определяет количество таблиц (заполненных из моего XML-файла).

Мой HTML файл, как показано ниже:

<html> 
<head> 
<title>My Title</title> 
<script type="text/javascript"> 
<!-- 
    function applyXSLT() 
    {  
      // do transfrom 
      resultdiv.innerHTML = transformResults; 
    } 
//--> 

</script> 
</head> 
<body class="main" onLoad="applyXSLT()"> 
<div id="resultdiv"></div> 
</body> 
</html> 

Все работает в данный момент. Теперь я хочу использовать jQuery для сортировки по таблицам.

Мой вопрос: как это сделать? Где я помещаю материал jQuery?

Заранее благодарен!

+0

[RTFM] (http://docs.jquery.com/Tutorials)? Вы отмечаете XSLT, но ваш вопрос зависит только от темы JQuery. –

ответ

0

Один подход сортировки с использованием шаблона XSLT-то данные XML, это то, как вы можете сортировать в XSLT:

<xsl:sort select="Name" order="ascending" data-type="text"/> 

Затем вам нужно изменить динамически поле сортировки, основанный на колонке.

Другие подходы могли бы использовать некоторые плагины для сортировки на UI, JQuery DataTable, TableSorter и т.д.

+0

XSLT позволяет только одностороннюю сортировку, то есть восходящую или нисходящую. То, что я хочу достичь, - это щелчок по заголовку столбца таблицы для сортировки в двух направлениях. Я рассматриваю использование jquery tablesorter здесь: [link] (http://tablesorter.com/docs/). Любые идеи, как использовать его с XSLT? – user1792714

+0

вы можете получить атрибут xsl, подобный этому, затем отрегулируйте сортировку соответственно: var Sort = xslTemplate.selectSingleNode ("// xsl: sort/@ select"); var Order = xslTemplate.selectSingleNode ("// xsl: sort/@ order"); var DataType = xslTemplate.selectSingleNode ("// xsl: sort/@ data-type"); – Shawn

Смежные вопросы