xPages中的Javascript错误

Question

I have the following code in an xPage to use gridx. When it runs for some reason it translates the > symbol in my second decorator function to & which causes the javascript interpereter to throw and error. Can anyone see what is wrong?

<script>
require(
    [ 
      "gridx/Grid",
      "dojo/store/Memory",
      "gridx/modules/ColumnResizer",
      "gridx/modules/NestedSort",
      "gridx/modules/Filter",
      "gridx/modules/Bar",
      "gridx/core/model/cache/Sync",
      "dojo/domReady!" 
    ],

  function(Grid, MemoryStore, Resizer, NestedSort, Filter, Bar, Cache) 
  {
    var columns = [ 
        {id: 'ownerName', field: 'OccupantName', name: 'Name', width: '150px'},
        {id: 'propertyAddress', field: 'PropertyAddress', name: 'Property Name'},
        {id: 'contactInfo1', field: 'ContactInfo1', name: 'Contact Information 1', 
            decorator: function(value)
            {
                try
                {
                    if( typeof( value ) === "undefined" )
                        return "";
                    if( typeof( value ) === "string" )
                        return value;
                    myLen = value.toString().length;
  //  THIS WORKS FINE
                    if( myLen > 35 )
                        return value.join( "<br></br>" );
                    return "";
                } catch (e) 
                {
                    console.error('error decorating date: ' );
                }
            }
        },
        {id: 'contactInfo2', field: 'ContactInfo2', name: 'Contact Information 2',
            decorator: function(value)
            {
                try
                {
                    if( typeof( value ) === "undefined" )
                        return "";
                    if( typeof( value ) === "string" )
                        return value;
                    myLen = value.toString().length;
     //  THIS GETS TRANSLATED TO &gt;
                    if( myLen > 35 )
                        return value.join( "<br></br>" );
                    return "";
                } catch (e) 
                {
                    console.error('error decorating date: ' );
                }
            }
        },
        {id: 'myTier', field: 'MyTier', name: 'Tier'},
        {id: 'my', field: 'MyFloor', name: 'Floor'}
    ];

      // Make an AJAX call to look up the full data set and store it locally for fast access
  dojo.xhr.get({
    url:"xpRestSTAROccupantInfo.xsp/gridDataSTAROccupantInfo",
    handleAs:"json",
    load: function(restData){

      // Load the data into a local memory store
      var store = new MemoryStore({
        data: restData,
        idProperty: '@noteid'
      });

      grid = new Grid({
        id: "my_gridX",
        cacheClass: Cache,
        store: store,
        autoHeight: true,
        structure: columns,
        barTop: [
               "gridx/support/Summary",
               "gridx/support/DropDownPager",
               {pluginClass: "gridx/support/QuickFilter", style: 'text-align: right;'}
          ],
          barBottom: [
                "gridx/support/LinkSizer",
                {pluginClass: "gridx/support/LinkPager", style: 'text-align: right;'}
          ],

        sortInitialOrder: {colId: 'ownerName', descending: false},
        modules: [
            Resizer,
            NestedSort,
            Filter,
            Bar
        ]
      });

      //Put it into the DOM tree.
      grid.placeAt('gridX_Here');
      grid.startup();

    },
    error: function(msg, args) {
      console.error('Error loading grid data:  ' + msg );
      alert('There was an error loading the data:  ' + msg); 
    }
  });


  });
    </script>

Answer 1

The bug might be the first > not being escaped, depending how you did put your function on the XPage.

Move the function into a script library, which is best Practise anyway.

Alternative use an ScriptBlock to keep it on the page. To get the format right add it to the page and paste your script through the properties. If you go for pasting into the source directly you might miss a tag.

Make sure it is static, not computed.