React Native

XML Sort by Content

See more XML Examples

Demonstrates the SortByContent method.

The input XML, available at http://www.chilkatsoft.com/data/fruitSort2.xml, is this:

<root>
    <fruits>
        <apples>
            <apple>fuji</apple>
            <apple>gala</apple>
            <apple>granny smith</apple>
            <apple>honeycrisp</apple>
            <apple>mcintosh</apple>
        </apples>
        <fruit>banana</fruit>
        <fruit>blackberry</fruit>
        <fruit>blueberry</fruit>
        <fruit>orange</fruit>
        <fruit>pear</fruit>
    </fruits>
</root>

React Native

import { Xml } from '@chilkat/react-native'

function chilkatExample() {
  const xml = new Xml();

  // The sample input XML is available at http://www.chilkatsoft.com/data/fruitSort2.xml
  try {
    xml.loadXmlFile('fruitSort2.xml');
  } catch {
    console.log(xml.lastErrorText);
    return;
  }

  // Sort the direct children under the "fruits" node by tag:
  const xSortRoot = xml.findChild('fruits');

  // Sort in ascending order.
  const bAscending = true;
  xSortRoot.sortByContent(bAscending);

  // Show the result:
  console.log(xml.getXml());

  // Note:  The "apples" node contains child nodes, but its 
  // text content is 0-length (empty).  Therefore, when sorting in
  // ascending order, it will be positioned before the direct
  // children containing non-empty content.

  // <root>
  //     <fruits>
  //         <apples>
  //             <apple>granny smith</apple>
  //             <apple>gala</apple>
  //             <apple>fuji</apple>
  //             <apple>mcintosh</apple>
  //             <apple>honeycrisp</apple>
  //         </apples>
  //         <fruit>banana</fruit>
  //         <fruit>blackberry</fruit>
  //         <fruit>blueberry</fruit>
  //         <fruit>orange</fruit>
  //         <fruit>pear</fruit>
  //     </fruits>
  // </root>

  // Sort the direct children under the "apples" node:
  xSortRoot.findChild2('apples');

  xSortRoot.sortByContent(bAscending);
  console.log(xml.getXml());

  // <root>
  //     <fruits>
  //         <apples>
  //             <apple>fuji</apple>
  //             <apple>gala</apple>
  //             <apple>granny smith</apple>
  //             <apple>honeycrisp</apple>
  //             <apple>mcintosh</apple>
  //         </apples>
  //         <fruit>banana</fruit>
  //         <fruit>blackberry</fruit>
  //         <fruit>blueberry</fruit>
  //         <fruit>orange</fruit>
  //         <fruit>pear</fruit>
  //     </fruits>
  // </root>
}